TinyMCE 5.1.1 插入链接表单字段已禁用答案

【问题标题】：TinyMCE 5.1.1 insert link form fields disabledTinyMCE 5.1.1 插入链接表单字段已禁用
【发布时间】：2020-03-13 17:28:49
【问题描述】：

我的问题和这篇文章中的一模一样：

TinyMCE 4 insert link form fields disabled

唯一的区别是我使用的是 tinyMCE 版本 5.1.1 和 jquery mobile。基本上，我已经在 jquery 移动弹出窗口中初始化了 tinyMCE（参见图片链接），当我单击图标插入链接时，除了目标之外的所有字段都不可编辑。
我已经尝试过上一篇文章中的代码（稍微调整一下以针对 tinyMCE css 类）：这是我已经尝试过的：

                $(document).on('focusin', function(e) {
                if ($(e.target).closest(".tox-editor-container").length) {
                   console.log("e.stopImmediatePropagation()");
                   e.stopImmediatePropagation();
                   }
                });

"e.stopImmediatePropagation()" 打印在控制台中，但除目标之外的所有字段都不可编辑。

【问题讨论】：

不确定它是否与 jquery mobile 相关，但在我的情况下，我使用的是 Vuetify，并且可以通过编辑 focusin（就像你在这里尝试过）或更改 Vuetify 对话框的 z-index 来解决问题（ stackoverflow.com/q/55780976)。也许这个问题可以通过使用 jquery 移动弹出窗口的 z-index 来解决？

标签： hyperlink insert tinymce field disabled-input

【解决方案1】：

如果是与bootstrap相关的问题，解决方法是：

// Prevent Bootstrap dialog from blocking focusin
$(document).on('focusin', function(e) {
   if ($(e.target).closest(".tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root").length) {
      e.stopImmediatePropagation();
   }
});

发件人：https://www.tiny.cloud/docs/integrations/bootstrap/#usingtinymceinabootstrapdialog

【讨论】：