https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor Gravity Support Forums Topic: How To: Rich Text Field Editor en-US Fri, 01 May 2026 17:40:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-90950 Wed, 14 Nov 2012 02:11:46 +0000 sanz 90950@https://legacy.forums.gravityhelp.com/ <p>Thanks Dan ... was looking for this exact solution. Works perfectly when using GF 1.6.9.</p> <p>@espo_74 - setting 'teeny' =&gt; false will enable the full WP editor. Check out <a href="http://codex.wordpress.org/Function_Reference/wp_editor" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_editor</a> for the options you can pass in. I also used 'media_buttons' =&gt; false hide the insert/upload buttons.</p> <p>Scott </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-62634 Thu, 14 Jun 2012 18:56:41 +0000 espo_74 62634@https://legacy.forums.gravityhelp.com/ <p>Thanks for the follow up Dan--better than the css hack i had going. I still have to display:none the wp-editor tools but that is no problem. </p> <p>Any idea on how to include the mce_pasteword or mce_pastetext options? </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-55013 Thu, 12 Apr 2012 04:03:29 +0000 flaiks 55013@https://legacy.forums.gravityhelp.com/ <p>I tried to add this, and it does not work when using the Post Body Field in GF, it does however work on a normal paragraph field, but when using the paragraph field it won't go in as the post body</p> <p>Edit: it seems I have figure it out </p> <p>if ( (( 'post_content' == $field['type'] ) </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-54891 Wed, 11 Apr 2012 11:34:29 +0000 dan_tatro 54891@https://legacy.forums.gravityhelp.com/ <p>Here's a quick followup regarding your replies ...</p> <p>Check out this new snippet -&gt; <a href="http://www.pastie.org/3768690" rel="nofollow">http://www.pastie.org/3768690</a></p> <p>Added support for Custom Fields (textarea)<br /> Added a filter to add/remove editor buttons<br /> Noted a setting (quicktags) to disable HTML view</p> <p>- Dan </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-54684 Mon, 09 Apr 2012 18:39:25 +0000 espo_74 54684@https://legacy.forums.gravityhelp.com/ <p>Thanks Brad--appreciate your following up on this with the code. </p> <p>In case anyone else is using this--I also wanted to disable some of the options for this specific form so I just used some CSS to accomplish this by hiding some of the buttons. Quick and easy hack. Probably a better way to do it, but this worked.</p> <pre><code>mce_bullist, .mce_numlist, .mce_blockquote, .mce_underline, .wp-editor-tools { display:none !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-54656 Mon, 09 Apr 2012 15:41:43 +0000 bradvin 54656@https://legacy.forums.gravityhelp.com/ <p>I just saw my prev comment and noticed a horrible copy n paste error!</p> <p>it should be:</p> <p>if( ( 'post_custom_field' == $field['type'] ) &amp;&amp;</p> <p>hahahaha! Sorry about that :) </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-54655 Mon, 09 Apr 2012 15:32:10 +0000 espo_74 54655@https://legacy.forums.gravityhelp.com/ <p>Thanks Brad...it still a no go. I'll keep hacking away at this.</p> <pre><code>// Add a WP Editor to the Paragraph Text field add_action( &#39;gform_field_content&#39;, &#39;gform_html_editor&#39;, 10, 5 ); function gform_html_editor( $content, $field, $value, $lead_id, $form_id ) { // HTML &amp; textarea? if( ( &#39;textarea&#39; == $field[&#39;post_custom_field&#39;] ) &amp;&amp; ( &#39;gf_html&#39; == $field[&#39;cssClass&#39;] ) ) { // Start output buffering ob_start(); // Create a wp_editor $settings = array( &#39;teeny&#39; =&gt; true ); wp_editor( $value, &quot;input_{$field[&#39;id&#39;]}&quot;, $settings ); // Replace the textarea with the editor $start_textarea = strpos( $content, &#39;&lt;textarea&#39; ); $end_textarea = strpos( $content, &#39;textarea&gt;&#39; ) + 9; $content = str_replace( substr( $content, $start_textarea, $end_textarea - $start_textarea ), ob_get_contents(), $content ); // End output buffering ob_end_clean(); } return $content; }</code></pre> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-54645 Mon, 09 Apr 2012 13:57:05 +0000 bradvin 54645@https://legacy.forums.gravityhelp.com/ <p>@espo_74:</p> <p>in the code snippet, change </p> <p>if( ( 'textarea' == $field['type'] ) &amp;&amp;</p> <p>to read</p> <p>if( ( 'textarea' == $field['post_custom_field'] ) &amp;&amp;</p> <p>to make it work with the post custom field. </p> <p>This code however does not check that the custom field is set to be a paragraph, but I do not think it should be a problem </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-54499 Fri, 06 Apr 2012 18:24:02 +0000 espo_74 54499@https://legacy.forums.gravityhelp.com/ <p>Thanks a ton! this is great...close to what I was hoping for. I'm not an adept programmer by any means and am looking to add this functionality to the GF Custom Post Type area....any ideas how to do that? </p> <p>When I include the style on any of the form fields (Post Field--&gt;Custom Field Field Type: Paragraph Text) it does not display--but it does when it is a simple Paragraph field (Standard Field--&gt; Paragraph Text).</p> <p>Any thoughts on how I would change this for these types of fields (this form has about 5 of them used to create a page) </p> https://legacy.forums.gravityhelp.com/topic/how-to-rich-text-field-editor#post-51052 Thu, 01 Mar 2012 16:34:32 +0000 dan_tatro 51052@https://legacy.forums.gravityhelp.com/ <p>I've seen this question asked quite a bit in the forums ... "How do I add a rich text editor/TinyMCE to my form?".</p> <p>I know that the guys are planning to support this in the future, but in the mean time here is a stop gap.</p> <ol> <li> Insert a Paragraph Text field to your form </li> <li> Change the CSS Class Name to "gf_html" (on the Advanced tab) </li> <li> Paste this code -&gt; <a href="http://pastie.org/3499029" rel="nofollow">http://pastie.org/3499029</a> in your functions.php </li> </ol> <p>Be careful ... data validation gets trickier with HTML. </p>