Сохранение TinyMCE contect через ajax как часть более крупной формы

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; 

Answer 2

Вот через объяснение, как добавить функциональность 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