jquery - 通过 ajax 将 TinyMCE 内容保存为更大表单的一部分

Question

我有一个表单，它并不是真正的表单，因为它没有包含在表单标签中，因为我使用 jQUery 来获取每个输入的值并将其传递到我的 ajax 页面进行数据库处理。

我的问题是我有一个 <textarea></textarea>这是由 TinyMCE 拉皮条的，我到底如何获取编辑器内的内容，以便将其发送到我的 ajax 页面？

我有一个像这样的现有脚本

var note = $('.tinymce').val(); //tried .text() too
$.get(url, {
     action : 'add',
     note : note
}, function(){
    alert(note); //to see if data was captured
});

这不是实际的代码，而是为了展示我到目前为止所尝试的内容。

Answer 1

要注意的主要事情是 TinyMCE 会获取您的文本区域并从中创建一个 iFrame。您可以使用以下代码获取 iframe 的内容:

$('#page_content_ifr').contents()[0].body.innerHTML;