tinyMCE textarea evento di messa a fuoco?

Question

Sto lavorando al progetto esistente. Devo rilevare tinyMCE focusout/blur evento per salvarlo automaticamente tramite AJAX. Ho trovato seguente codice di lavoro esistente:

// reinit tinymce 
$($("#chapterBill div:.module-container")[indexAfter]).find('textarea').each(function(i){ 
    editorId = $(this).attr('id'); 
    tinymce.EditorManager.execCommand('mceAddControl',true, editorId); 
}); 

Qualcuno può dirmi che come catturare TinyMCE textarea focusout/blur evento?

Grazie

Answer 1

Non si desidera catturare textarea attenzione/sfocatura. Tinymce nasconde la precedente area di testo e crea una iframe contenteditable in cui è possibile inserire/modificare il contenuto. Di tanto in tanto questo contenuto viene scritto nella precedente area di testo nascosta (basata sugli eventi).

Per catturare il focusout/blur sull'editor è necessario impostare un gestore per questo sull'iframe dell'editor.

mettere questo codice nella tua tinymce init

setup : function(ed) { 
    ed.onInit.add(function(ed, evt) { 
     tinymce.dom.Event.add(ed.getDoc(), 'blur', function(e) { 
      // Do something when the editor window is blured. 
      alert('blur!!!'); 
     }); 
    }); 
}, 

Answer 2

troppo stavo lavorando su una soluzione al fine di salvare il contenuto TinyMCE dinamicamente tramite AJAX. Molte risposte richiedono di impostare questa opzione in init, tuttavia questa comodità non era disponibile per me, a causa del fatto che il codice veniva utilizzato su più sistemi. Ho bisogno di una soluzione pagina specifica, che sono stato in grado di realizzare in questo modo:

$(window).load(function(){ 
    tinymce.get('id').on('blur', function(e) { 
     var content = tinymce.get('id'); 
     console.log(content); 
    }); 
}); 

Con id essendo l'attributo id impostato sul vostro elemento textarea.