CkEditor Doesn't post value

Question

When a form with a textarea using CkEditor is submitted using ajax the post is empty on the server side.

If I remove CkEditor, the value is posted. Any ideas?

If by ajax you mean that your not using postback and only callback, then CKEditor will not update the underlaying element unless told to. — Zee, Dec 07 '11 at 10:58

score 25 · Accepted Answer · edited May 23 '17 at 12:09

25

On submit, run this code:

for (instance in CKEDITOR.instances) {
    CKEDITOR.instances[instance].updateElement();
}

.. basically for AJAX, you need to force CKEditor to update your textareas so they contain the data you see in the CKEditor windows. See this question for more details.

edited May 23 '17 at 12:09

Community

1
1

answered Jun 20 '12 at 16:50

Wick

1,222
2
15
21

score 0 · Answer 2 · answered Jan 21 '19 at 11:49

You don't really need to update anything with JS. All you have to do is to make sure your textarea (the one you replace with CKEDITOR.replace() on $(document).ready()) has the same name as the property you want to set value of, e.g.:

<textarea id="editor" name="Body">@Model?.Body</textarea>

score 0 · Answer 3 · answered Dec 28 '20 at 21:32

0

This works for me:

  CKEDITOR.replace( 'content' );
  function updateAllMessageForms()
   {
    for (instance in CKEDITOR.instances) {
          CKEDITOR.instances[instance].updateElement();
   }
  }

answered Dec 28 '20 at 21:32

Ervin Cajic

21
5

CkEditor Doesn't post value

3 Answers3

Linked