javascript - 当有多个可编辑文本区域时，Tinymce 模糊功能不起作用

Question

Tinymce 模糊功能无法正常工作。我有多个元素，我正在使用tinymce编辑器。我正在使用 dblclick 事件编辑文本区域，一切正常，但当我单击其他文本区域元素时，模糊事件不会触发，但当我单击元素平均页面区域(主体)的外侧时，模糊事件会触发

这就是我到目前为止所做的:

  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!!!');
        });
    });
},