Как получить значение текстовой области, которая контролируется HTML-редактором javascript?

Question

Я пытаюсь написать код, который позволяет пользователям моего сайта сохранять черновики.При этом я сталкиваюсь с проблемой.

HTML

<input type="button" value="SAVE DRAFT" onClick="saveit()">
<textarea id="content" name="content" class="widgEditor nothing">initial text</textarea>

JavaScript

function saveit() {
   var content = $('#content').val();
   alert (content);
   //some other ajax codes to save draft... 
}

Когда я нажимаю кнопку Save draft, она всегда показывает initial textдаже если я изменю текст в текстовой области (редактор).

Я устал от этого с widgEditor и CKeditor, но, к сожалению, я не мог понять, как решить эту проблему.

ПРИМЕЧАНИЕ: Когда я пытаюсь это сделать без какого-либо редактора WYSIWYG, он работает правильно, но этот текстобласть должна быть редактором.

Может кто-нибудь помочь мне с этим?

Answer 1

Возможно, это поможет, если вы используете CKEditor:

Использование jQuery для извлечения содержимого из iframe CKEditor

По сути, вы используете это, прежде чем читать значение:

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

Также я думаю, что вы должны использовать .text (), а не .val () при работе с textareas.

Answer 2

Не использовать onClick

$(':button').click(function() { 
    var content = $("#content").val();
   alert( content );
   //some other ajax codes to save draft...  
});

отлично работает

http://jsfiddle.net/KEtMC/