J’ai rencontré plusieurs problème entre tinyMCE et mootools cette semaine dont un bien vicieux.

L’idée c’est d’envoyer un formulaire par un appel Ajax de mootools.

Le problème c’est qu’il faut envoyer deux fois le formulaire pour que les champs textarea en tinyMCE soit mis dans le POST

Il suffit d’ajouter tinyMCE.triggerSave(); juste avant l’appel Ajax.

En xhtml

<form action=’#’ id=’mon_form’>
<textarea id=’tinymce_area’ name=’tinymce_area’></textarea>
<input type=’submit’ value=’save’ />
</form>

En javascript

$(‘mon_form’).addEvent(’submit’,function(e){
var event = new Event(e);
event.stop();
tinyMCE.triggerSave();
new Ajax(’sauver.php’,{
method:’post’,
data : $(‘mon_form’),
evalScripts:true,
update: ‘div_update’
}).request();