2016-10-16 4 views
0

Ich habe eine Website erstellt & hinzugefügt CKEditor .. Ich habe ein Formular mit 3 normalen Eingabefeldern und dann eine Textarea, die durch den CKEditor ersetzt wird. Aber wenn ich das Formular abschicke, wird der Wert von CKEditor nicht angezeigt.CKEditor - LEERER WERT (Jquery-Ajax Submit)

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(''); 
     } 
    }); 
}); 

Antwort

0

Das ist, weil die Daten von der CKEditor nur auf das Textfeld "bewegten", vor der Unterbreitung - so dass Sie den Inhalt in dem Textfeld nicht sehen mit .val(). Sie können direkt auf CKEDITOR zugreifen, um die Daten zu erhalten:

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

Wie kann ich diesen Wert in die serialisierten Daten eingeben? –

+0

Daten: $ ('# pform'). Serialize(), –

+0

Thnx, das hat geholfen. –

Verwandte Themen