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

时间:2010-10-26 08:46:30

标签: jquery tinymce

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

我的问题是我有一个由{TinyMCE拉出来的<textarea></textarea>,我如何获取编辑器中的内容以便将其发送到我的ajax页面?

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

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

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

2 个答案:

答案 0 :(得分:2)

需要注意的主要事情是,TinyMCE会将你的textarea带出来并制作一个iFrame。您可以使用以下代码获取iframe的内容:

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

答案 1 :(得分:0)

以下是如何添加AJAX功能

的说明
tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
            save_callback: "sendAjaxRequest"
});

function sendAjaxRequest(){
  // ajax stuff here
}

http://wiki.moxiecode.com/index.php/TinyMCE:Turn_tinyMCE_into_an_Ajax_editor