如何獲得由javascript html編輯器控制的textarea的值？

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按鈕時，即使我更改了textarea（編輯器）中的文本，它也始終顯示initial text 。

我已經厭倦了widgEditor和CKeditor，但不幸的是我無法弄清楚如何解決這個問題。

注意：當我在沒有任何WYSIWYG編輯器的情況下嘗試此操作時，它可以正常工作但文本區域需要是編輯器。

誰能幫我這個？

Answer 1

如果您使用CKEditor，這可能會有所幫助：

使用jQuery從CKEditor的iframe中獲取內容

基本上，在讀取值之前使用它：

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

另外我認為你在使用textareas時應該使用.text（），而不是.val（）。

Answer 2

不要使用onClick

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

工作正常

http://jsfiddle.net/KEtMC/