0

我有一个 tinymce 5 编辑区。当用户离开实际文本时,会监听“模糊”事件以自动保存文本。这在 chrome 中运行良好,但在 safari 和 firefox 中,如果用户尝试使用任何 tinymce 按钮(例如下划线、粗体等),它也会触发事件。只有当用户将鼠标移到所有 tinymce 组件(即 UI 元素和实际文本区域)之外时,我才需要保存。

我使用的初始化代码是:

 tinymce.init({
        selector: 'textarea.tinymce',
        branding: false,
        mode: 'exact',
        schema: 'html5-strict',
        element_format: 'html',
        resize: true,
        menubar: false,
        plugins: 'preview autolink link visualblocks visualchars hr nonbreaking anchor  insertdatetime lists advlist wordcount',
        toolbar: 'bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | preview | visualblocks removeformat',
        menubar: 'file edit insert format',
        browser_spellcheck: true,
        contextmenu: false,
        init_instance_callback: function (editor) {
        editor.on('blur', function (e) {
                $("#change_to_do_list_form").submit();
          });
        }
      });
4

1 回答 1

0

好吧,我不知道你在哪里渲染你的编辑器,但是当我试图将编辑器渲染到 JQuery Ui 对话框中时我遇到了这个问题;我没有坚持寻找解决方案,我通过计算用户最后一次按键更改了保存方式,并在几秒钟后应用保存。否则,每当用户在超时之前再次输入时,我都会重新启动计时器,直到用户停止输入。

于 2019-06-27T06:47:47.980 回答