解决TinyMCE编辑器在bootstrap的模态框中表格无法被选中和编辑的问题

TinyMCE编辑器在bootstrap的模态框中表格无法被选中和编辑的问题

问题

在工作中，需要在bootstrap的模态框中生成一个TinyMCE编辑器，但是在使用的过程中发现编辑器的表格无法显示选中的行数与列数，并且表格的操作栏也无法点击。

原因

Bootstrap将阻止所有将焦点移动到另一个模式对话框的尝试。因此，我们需要防止Bootstrap在对话框中捕获焦点。

解决

    document.addEventListener('focusin', (e) => {
        if (e.target.closest(".tox-tinymce-aux, .moxman-window, .tam-assetmanager-root") !== null) {
            e.stopImmediatePropagation();
        }
    });