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

Tinymce blur function not working when there are multiple editable textareas

本文关键字：timymce 模糊 不起作用 功能 区域 文本 编辑      更新时间：2023-09-26

时间模糊功能无法正常工作。我有多个元素，我使用时间编辑器。我正在使用dblclick事件来编辑文本区域，一切都很好，但是当我点击其他文本区域元素时，模糊事件不会触发，但是当我点击元素的平均值页面区域(body)时，模糊事件会触发

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

  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)
              })
          } 
          });
    }

试试这个

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!!!');
        });
    });
},
相关文章：