Gravity Support Forums Topic: A visual editor in Gravity forms ?

Gravity Support Forums Topic: A visual editor in Gravity forms ? https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms Gravity Support Forums Topic: A visual editor in Gravity forms ? en-US Wed, 22 Apr 2026 21:14:32 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Carl Hancock on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37742 Wed, 12 Oct 2011 17:54:36 +0000 Carl Hancock 37742@https://legacy.forums.gravityhelp.com/ <p>Just a quick note. Adding the ability to incorporate the TinyMCE editor with paragraph fields is an option we plan on adding in the future. We haven't done so yet because we don't want to have to bundle our own rich text editor script with Gravity Forms and would rather incorporate what WordPress already provides.</p> <p>Unfortunately the way WordPress uses TinyMCE doesn't not lend itself well to being utilized by other plugins, especially on the front end.</p> <p>The good news is WordPress 3.3 will be changing this and introducing an API that can be used so plugins and themes can make use of the Tiny MCE editor. So this is definitely a feature we will be adding in the future by taking advantage of new functionality coming in WordPress 3.3. </p> Francois on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37721 Wed, 12 Oct 2011 15:32:17 +0000 Francois 37721@https://legacy.forums.gravityhelp.com/ <p>Now it's OK with the following code :</p> <pre><code><script type="text/javascript" src="wp-content/plugins/gravityforms/js/tiny_mce/tiny_mce.js"></script> <script type="text/javascript"> tinyMCE.init({ // General options mode : "textareas", theme : "advanced", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, }); </script> <textarea id="elm1" name="elm1" rows="15" cols="10" style="width: 80%">TEST</textarea></code></pre> Francois on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37720 Wed, 12 Oct 2011 14:39:00 +0000 Francois 37720@https://legacy.forums.gravityhelp.com/ <p><a href="http://postimage.org/image/26h2qy9fo/" rel="nofollow">http://postimage.org/image/26h2qy9fo/</a> </p> Chris Hajer on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37653 Tue, 11 Oct 2011 21:01:30 +0000 Chris Hajer 37653@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your form please? </p> Francois on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37644 Tue, 11 Oct 2011 18:58:52 +0000 Francois 37644@https://legacy.forums.gravityhelp.com/ <p>OK, now it's working with that :<br /> 1. In the form, choose a HTML block<br /> 2. In the content of the HTML block, past the following code :<br /> <pre><code>[js]  <script type="text/javascript" src="../js/tiny_mce.js"></script> <script type="text/javascript"> tinyMCE.init({ // General options mode : "textareas", theme : "advanced" }); </script> <textarea id="elm1" name="elm1" rows="15" cols="10" style="width: 80%">TEST</textarea></code></pre> <p>But, for me, the tinyMCE bar is under the text and not at the beginning !!??!!<br /> Strange isn't it ? </p> Francois on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37635 Tue, 11 Oct 2011 18:10:14 +0000 Francois 37635@https://legacy.forums.gravityhelp.com/ <p>Is there really anyway to create a simple form with a large textarea that can be edited with tiny mce ? I cannot beleive that ! </p> <p>About CKEditor, you said that it was supler simple. Can you explain more in detail how to do ?</p> <p>Thank's in advance for your support and your help </p> taprootcreative on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37499 Mon, 10 Oct 2011 20:23:27 +0000 taprootcreative 37499@https://legacy.forums.gravityhelp.com/ <p>With CKEditor it's super simple. Just use this method:</p> <p><a href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter" rel="nofollow">http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter</a></p> <p>Give you textarea a class, from the advanced tab and plop in the relevant code:</p> <pre><code>$( 'textarea.editor' ).ckeditor();</code></pre> Kevin Flahaut on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37490 Mon, 10 Oct 2011 17:15:20 +0000 Kevin Flahaut 37490@https://legacy.forums.gravityhelp.com/ <p>Yep, I've done it. I'm not going into installation instructions here.. that's a customization thing & out of the scope of normal support. You can find the installation documentation here. They've got everything you need to know to get it running.</p> <p><a href="http://www.tinymce.com/wiki.php/Installation" rel="nofollow">http://www.tinymce.com/wiki.php/Installation</a></p> <p><a href="http://docs.cksource.com/" rel="nofollow">http://docs.cksource.com/</a> </p> Francois on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-37486 Mon, 10 Oct 2011 16:47:34 +0000 Francois 37486@https://legacy.forums.gravityhelp.com/ <p>You said : "it's relatively easy to add the support using one of the free solutions like TinyMCE, CKEditor, etc."<br /> But do you know how ? </p> job78 on "A visual editor in Gravity forms ?" https://legacy.forums.gravityhelp.com/topic/a-visual-editor-in-gravity-forms#post-35244 Wed, 14 Sep 2011 09:01:58 +0000 job78 35244@https://legacy.forums.gravityhelp.com/ <p>Thank you very much Kevin for your quick reply ! </p>