javascript - Tinymce blur function not working when there are multiple editable textareas -
tinymce blur function not working . have multiple elements using tinymce editor . using dblclick event edit textarea every thing working fine blur event not triggering when click on other textarea element , blur event triggering when click out side of element mean page area(body)
this have done far :
function my_function(element_id) { tinymce.init({ selector: '#editable_' + element_id, inline: true, fixed_toolbar_container: "#element_"+element_id, plugins: [ "advlist autolink lists link charmap anchor", " code fullscreen", "insertdatetime table paste textcolor" ], menubar: false, toolbar1: " undo redo | styleselect | fontselect | hr | removeformat", toolbar2: " forecolor backcolor | bold italic underline | fontsizeselect", toolbar3: "alignleft aligncenter alignright alignjustify | bullist numlist | link | charmap ", fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt 40pt 44pt 48pt', setup : function(editor) { editor.on('blur', function(e){ // stuff alert(1) }) } }); }
try this
setup : function(ed) { ed.on("init",function(ed, evt) { var dom = ed.dom; var doc = ed.getwin(); tinymce.dom.event.add(doc, 'blur', function(e) { // when editor window blured. alert('blur!!!'); }); }); },
Comments
Post a Comment