PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Ckeditor Integration (mark-up lost)

  1. tmac2627
    Member

    Ok so after putting together multiple threads here I managed to get CKEditor integrated into my gravity form.  To have that double checked, this is how i did it.

    1. Downloaded CKEditor and dumped the full zip contents into a web directory
    2. Conveniently my theme had a settings page in the Wordpress Admin section and within that it had a field labeled

    Additional head HTML
    . That worked the best, and I entered the following
    <script type="text/javascript" src="(MY FULL URL)/ckeditor/ckeditor.js"></script>

    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

    Additional footer HTML, right before the closing </body> tag.

    <script type="text/javascript>
      CKEDITOR.replace( 'input_1_35' );
    </script>

    4. Then I tweaked the CKEditor toolbar by changing the entry to the following:

    <script type="text/javascript">
    	CKEDITOR.replace( 'input_1_35',
        {
            toolbar :
    [
    		{ name: 'document', items : [ 'Preview' ] },
    		{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    		{ name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
    		{ name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','SpecialChar','PageBreak' ] },
                    '/',
    		{ name: 'styles', items : [ 'Styles','Format' ] },
    		{ name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
    		{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] },
    		{ name: 'links', items : [ 'Link','Unlink','Anchor' ] },
    		{ name: 'tools', items : [ 'Maximize' ] }
    	]
        });
    </script>

    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

    Entries
    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?

    Big thanks in advance!

    Posted 12 years ago on Friday January 13, 2012 | Permalink
  2. Riks
    Member

    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.

    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.

    Good luck!

    Posted 12 years ago on Sunday January 15, 2012 | Permalink