如何获得由javascript html编辑器控制的textarea的值?

时间:2011-09-14 21:40:57

标签: javascript jquery html wysiwyg

我正在尝试编写一个允许我的网站用户保存草稿的代码。这样做时我遇到了问题。

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编辑器的情况下尝试此操作时,它可以正常工作,但文本区域需要是编辑器。

任何人都可以帮我吗?

2 个答案:

答案 0 :(得分:2)

如果您使用CKEditor,这可能会有所帮助:

Using jQuery to grab the content from CKEditor's iframe

基本上,在读取值之前使用它:

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

另外我认为你在使用textareas时应该使用.text(),而不是.val()。

答案 1 :(得分:0)

请勿使用onClick

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

工作正常

http://jsfiddle.net/KEtMC/