如何获得由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/