HTML formatting stripped from front-end form in MovableType

I'm trying to use CKEditor to replace a textarea on a form on the frontend of a MovableType published page. I do not need it for the backend editing - the client requested it fo the front end user submission forms. I got it installed w/o too much trouble, but in use, almost all of the formatting is being stripped. I'm not sure if it's happening in CK or MT (or how to figure that out). Things such as headings, fint, size, color, justification, and more get stripped. About the only things retained are p, b, em, ul, and ol elements. I've scoured the documentaion but can't find anything that seems to work. Is there something I'm missing? Without any of the other formatting, having a WYSIWYG editor on the front-end is useless.

Fri, 05/30/2014 - 11:05

sebstefanov

Joined: 03/02/2012

Posts: 1329

Check this FAQ...

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Fri, 05/30/2014 - 16:14

crakoczy

Joined: 29/05/2014

Posts: 2

HTML formatting stripped from front-end form in MovableType

It's not a matter of HTML being stripped on the input to CKEditor. I have the Standard configuration and am creating all of my test content fresh from within the editor itself. If ACF were on, it sounds like the buttons to create headings, color, size, justification, etc wouldn't even be there.

Rather, I have all those buttons and am creating fresh content using those buttons in a blank, new textarea. All the formatting is retained when I switch back and forth between WYSIWYG and Source view modes. Once I click the Submit button on the form, however, what is passed is a seriously stripped down version. The only things retained are p, em, strong, ol, ul, li and pre

This is my invocation code:

<div class="input">
  <label for="entry-description">Description <span class="requiredfield">*</span></label>
  <textarea rows="10" cols="50" id="entry-description" name="text" class="required"></textarea>
<mt:ignore>Replace form textarea with CKEditor rich text editor</mt:ignore>
<script>
  CKEDITOR.replace( 'entry-description', {
  allowedContent: true,
    on: {
      instanceReady: function( ev ) {
        this.dataProcessor.writer.selfClosingEnd = ' />';
      }
    }
});

</script>
</div>