Функция размытия Tinymce не работает при наличии нескольких редактируемых текстовых полей

Question

Функция размытия Tinymce не работает должным образом. У меня есть несколько элементов, где я использую редактор tinymce. Я использую событие dblclick для редактирования текстовой области, каждая вещь работает нормально, но событие размытия не запускается, когда я нажимаю на другой элемент textarea, но событие размытия запускается, когда я выхожу на сторону элемента средней площади страницы (тела)

Это то, что я сделал до сих пор:

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){ 

        // do some stuff 
        alert(1) 
       }) 

      } 
      }); 
    } 

Answer 1

Попробуйте

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) { 
      // Do something when the editor window is blured. 
      alert('blur!!!'); 
     }); 
    }); 
},