enregistrer TinyMCE contect via ajax dans le cadre d'une plus grande forme

Question

J'ai un formulaire, bien ce n'est pas vraiment une forme parce que ce n'est pas enveloppé dans les balises de formulaire parce que j'utilise jQUery pour saisir les valeurs de chaque entrée et passer à mon ajax page pour le traitement de la base de données.

Mon problème est que j'ai un <textarea></textarea> qui est soutiré par TinyMCE, Comment diable puis-je saisir le contenu dans l'éditeur pour que je puisse l'envoyer à ma page ajax?

J'ai un script existant comme si

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

ce n'est pas code réel mais de montrer ce que je l'ai essayé jusqu'à présent.

Answer 1

La principale chose à noter est que TinyMCE prend votre textarea et fait un iFrame hors de lui. Vous pouvez obtenir le contenu de l'iframe en utilisant le code suivant:

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

Answer 2

Voici une explication à la façon d'ajouter des fonctionnalités 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