https://legacy.forums.gravityhelp.com/topic/ckeditor-integration-mark-up-lost Gravity Support Forums Topic: Ckeditor Integration (mark-up lost) en-US Tue, 07 Apr 2026 10:12:21 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ckeditor-integration-mark-up-lost#post-46418 Sun, 15 Jan 2012 08:10:40 +0000 Riks 46418@https://legacy.forums.gravityhelp.com/ <p>I've been trying to get exactly the same thing going with both ckeditor and tinymce - I've managed to get them both running to an extent.</p> <p>Regarding your problem - what type of field are you using? If it's a 'Paragraph Text' field, don't expect much html to work. Try a 'post body' field instead, it should work better. With ckeditor, remember to change the input field too.</p> <p>Good luck! </p> https://legacy.forums.gravityhelp.com/topic/ckeditor-integration-mark-up-lost#post-46286 Fri, 13 Jan 2012 11:25:52 +0000 tmac2627 46286@https://legacy.forums.gravityhelp.com/ <p>Ok so after putting together multiple threads here I managed to get CKEditor integrated into my gravity form.&nbsp; To have that double checked, this is how i did it.</p> <p>1. Downloaded CKEditor and dumped the full zip contents into a web directory<br /> 2. Conveniently my theme had a settings page in the Wordpress Admin section and within that it had a field labeled<br /> <blockquote>Additional head HTML</blockquote> . That worked the best, and I entered the following<br /> <pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;(MY FULL URL)/ckeditor/ckeditor.js&quot;&gt;&lt;/script&gt;</code></pre> <p>3. After much trial and error... I was finally able to identified the field name as "input_1_35" and then entered the following into another field of the theme settings page labeled</p> <blockquote><p>Additional footer HTML, right before the closing &lt;/body&gt; tag.</p></blockquote> <pre><code>&lt;script type=&quot;text/javascript&gt; CKEDITOR.replace( &#39;input_1_35&#39; ); &lt;/script&gt;</code></pre> <p>4. Then I tweaked the CKEditor toolbar by changing the entry to the following:<br /> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; CKEDITOR.replace( &#39;input_1_35&#39;, { toolbar : [ { name: &#39;document&#39;, items : [ &#39;Preview&#39; ] }, { name: &#39;clipboard&#39;, items : [ &#39;Cut&#39;,&#39;Copy&#39;,&#39;Paste&#39;,&#39;PasteText&#39;,&#39;PasteFromWord&#39;,&#39;-&#39;,&#39;Undo&#39;,&#39;Redo&#39; ] }, { name: &#39;editing&#39;, items : [ &#39;Find&#39;,&#39;Replace&#39;,&#39;-&#39;,&#39;SelectAll&#39;,&#39;-&#39;,&#39;Scayt&#39; ] }, { name: &#39;insert&#39;, items : [ &#39;Image&#39;,&#39;Flash&#39;,&#39;Table&#39;,&#39;HorizontalRule&#39;,&#39;SpecialChar&#39;,&#39;PageBreak&#39; ] }, &#39;/&#39;, { name: &#39;styles&#39;, items : [ &#39;Styles&#39;,&#39;Format&#39; ] }, { name: &#39;basicstyles&#39;, items : [ &#39;Bold&#39;,&#39;Italic&#39;,&#39;Strike&#39;,&#39;-&#39;,&#39;RemoveFormat&#39; ] }, { name: &#39;paragraph&#39;, items : [ &#39;NumberedList&#39;,&#39;BulletedList&#39;,&#39;-&#39;,&#39;Outdent&#39;,&#39;Indent&#39;,&#39;-&#39;,&#39;Blockquote&#39; ] }, { name: &#39;links&#39;, items : [ &#39;Link&#39;,&#39;Unlink&#39;,&#39;Anchor&#39; ] }, { name: &#39;tools&#39;, items : [ &#39;Maximize&#39; ] } ] }); &lt;/script&gt;</code></pre> <p>So its now working and the toolbar is there and is working, the form submits without error, but all of the html markup is missing from the field in the entry within the plugin (viewed from<br /> <blockquote>Entries</blockquote> page) and from the outbound email the form produces. Could anyone give me a hand what I am missing so that the mark-up (if that is the right term) is retained in the field?</p> <p>Big thanks in advance! </p>