https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except Gravity Support Forums Topic: Gravity Forms + CKEditor (WYSIWYG) ... Almost working, except.... en-US Mon, 20 Apr 2026 01:23:12 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except#post-76003 Tue, 18 Sep 2012 04:08:57 +0000 Chris Hajer 76003@https://legacy.forums.gravityhelp.com/ <p>I don't believe I ever received an email from Allen, or if I did, the issue was not successfully resolved. I would have posted the solution here if it was resolved.</p> <p>@thefidler - can you post a link to your site please and let us know exactly what you've done and what is not working? Thank you. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except#post-75957 Tue, 18 Sep 2012 00:46:53 +0000 thefidler 75957@https://legacy.forums.gravityhelp.com/ <p>I am also having problems with this. Was the problem resolved? </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except#post-73055 Wed, 29 Aug 2012 07:55:40 +0000 AllenPayne 73055@https://legacy.forums.gravityhelp.com/ <p>Thank you for your reply, Chris. I just sent you an email...Please check! </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except#post-73054 Wed, 29 Aug 2012 07:39:51 +0000 Chris Hajer 73054@https://legacy.forums.gravityhelp.com/ <p>No PM function here. Please email <a href="mailto:chris@rocketgenius.com">chris@rocketgenius.com</a> to share the link. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except#post-73053 Wed, 29 Aug 2012 07:38:34 +0000 AllenPayne 73053@https://legacy.forums.gravityhelp.com/ <p>I can provide link to the page with the form, but only in private. Does GravityHelp have any private messaging feature? </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-ckeditor-wysiwyg-almost-working-except#post-72948 Tue, 28 Aug 2012 14:05:08 +0000 AllenPayne 72948@https://legacy.forums.gravityhelp.com/ <p>Hey Everyone,</p> <p>I have a small problem...I spent the last 2 days trying to find a solution but no success so far. So, here it is:</p> <p>I managed to partially integrate CKEditor with Gravity Forms. I'm said partially coz the form is not fully working yet. Here's what i did so far...</p> <p>After following the guide found here: <a href="http://www.gravityhelp.com/forums/topic/post-preview#post-844" rel="nofollow">http://www.gravityhelp.com/forums/topic/post-preview#post-844</a></p> <p>1. I downloaded CKEditor and uploaded it on my server.</p> <p>2. Placed this code in the &lt;HEAD&gt; section to load ckeditor.js:<br /> <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;/ckeditor/ckeditor.js&quot;&gt;&lt;/script&gt;</code></pre> <p>3. Used this code to replace the text area with the editor.<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; CKEDITOR.replace( &#39;input_1_2&#39; ); &lt;/script&gt;</code></pre> <p>Here's how the whole code looks on my template:<br /> <pre><code>&lt;div style=&quot;display:none&quot; class=&quot;fancybox-hidden&quot;&gt;&lt;div id=&quot;fancyboxID-1&quot; style=&quot;width:900px;height:620px;&quot;&gt; &lt;?php gravity_form(1, true, true, false, &#39;&#39;, true); ?&gt; &lt;/div&gt;&lt;/div&gt; &lt;a href=&quot;#fancyboxID-1&quot; rel=&quot;nofollow&quot;&gt;&lt;img src=&quot;http://&lt;removed&gt;.com/images/&lt;removed&gt;.png&quot; width=&quot;244&quot; height=&quot;38&quot; border=&quot;0&quot; /&gt;&lt;/a&gt; &lt;script type=&quot;text/javascript&quot;&gt; CKEDITOR.replace( &#39;input_1_2&#39; ); &lt;/script&gt;</code></pre> <p>***** I forgot to say that i use the Easy FancyBox plugin to place the gravity forms in a popup box. This part works great. ******</p> <p>Now I have the following 2 problems:</p> <p>Problem #1. The editor is not working...I mean it shows up and everything but i can't type anything in it:</p> <p><a href="http://img526.imageshack.us/img526/3513/screen1wd.png" rel="nofollow">http://img526.imageshack.us/img526/3513/screen1wd.png</a></p> <p>The only way to make it work so it lets me type in the editor is to click the Source Button twice:</p> <p><a href="http://img856.imageshack.us/img856/9373/screen2cn.png" rel="nofollow">http://img856.imageshack.us/img856/9373/screen2cn.png</a></p> <p><a href="http://img849.imageshack.us/img849/117/screen3gz.png" rel="nofollow">http://img849.imageshack.us/img849/117/screen3gz.png</a></p> <p>After i click the Source button twice (disable and enable the visual editor) i can finally type in the text area:</p> <p><a href="http://img24.imageshack.us/img24/5738/screen4l.png" rel="nofollow">http://img24.imageshack.us/img24/5738/screen4l.png</a></p> <p>Problem #2. Having ajax enabled for my form...if i click the submit button on the form, without filling the required fields, the red errors show up but my CKEditor disappears. Take a look:</p> <p><a href="http://img201.imageshack.us/img201/1760/screen5kg.png" rel="nofollow">http://img201.imageshack.us/img201/1760/screen5kg.png</a></p> <p>I tried using this code to fix this problem but it doesn't work (i placed it after the form's shortcode on my template):<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; if (CKEDITOR.instances[&#39;input_1_2&#39;]) { CKEDITOR.remove(CKEDITOR.instances[&#39;input_1_2&#39;]); } CKEDITOR.replace( &#39;input_1_2&#39;); } &lt;/script&gt;</code></pre> <p>It seems i need to use the above code after the ajax load, but i'm not sure where should i place it exactly.</p> <p>That's it!!! I would really appreciate your help....</p> <p>I know it's a long post, but i tried to explain everything as clear as possible. Sorry for my bad english. I'm not a native english speaker.</p> <p>Hope to hear from you soon.</p> <p>Thanks,<br /> Alin </p>