我有一个 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();
});
}
});