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

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -