CKEditor — EMPTY VALUE (Jquery-Ajax Submit)

Question

I created a website & added CKEditor.. I have a form with 3 normal input fields and then a textarea which is replaced by the CKEditor. But When i submit the form, value of CKEditor isn't showing up.

HTML:

<form id="pform" method="post">
    <input class="poster_name" type="text" name="poster_name" placeholder="Namn">
    <input class="title" type="text" name="title" placeholder="Titel">
    <input class="subject" type="text" name="subject" placeholder="Ämne">
    <textarea name="article" id="editor1"></textarea>
    <script>
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('editor1');
    </script>
    <a class="submit_postform">Send</a>
</form>

JQUERY:

$('.submit_postform').click(function(){
    $.ajax({
       url:'pages/post.php',
       type: 'POST',
       data: $('#pform').serialize(),
       success: function(data) {
          alert(data);
          $('.poster_name').val('');
          $('.title').val('');
          $('.subject').val('');
       }
    });
});

Vlad Gincher · Accepted Answer · 2016-10-16 19:30:12Z

1

That's because the data from the CKEDITOR "moved" to the textarea only before submitting - so you won't see the content in the textarea using .val(). You can access CKEDITOR directly to get the data:

var editor = CKEDITOR.instances['DOM-ID-HERE'].getData();

answered Oct 16, 2016 at 19:30

Vlad Gincher

1,10211 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user6256879 Over a year ago

How do I do in order to put that value inside of the serialized data?

user6256879 Over a year ago

data: $('#pform').serialize(),

user6256879 Over a year ago

Thnx, that helped.

Collectives™ on Stack Overflow

CKEditor — EMPTY VALUE (Jquery-Ajax Submit)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related