如何以编程方式从内联 tinyMCE 实例中移除焦点？

Question

当使用 tinyMCE 的内联模式编辑 div 时，在编辑器外部单击将禁用它（隐藏工具栏，并且基本上将 div 恢复为“正常”）。这很好。

在某些情况下，即使失去焦点，编辑器也会停留在原来的位置：

• 点击选项卡会使编辑器失去焦点（例如，将焦点带到地址栏），但编辑器和工具栏仍保留在那里。
• 单击其单击事件被另一个脚本捕获的元素（如 Jquery-UI-Sortable 元素）将使焦点从编辑器移开，但将编辑器保留在那里。

在这两种情况下，我都必须单击编辑器的主体，然后单击它以使其停用并消失。

有没有办法告诉内联编辑器实例停用？

Answer 1

对于寻求解决方案的任何人，您都可以在此处找到解决方案

How do you clear the focus in javascript?

document.activeElement.blur()

Answer 2

我可以尝试以下方法。

1. 从 tinymce 编辑器中删除类。 $(editor.bodyElement).removeClass("mce-edit-focus")

2. 可以在 HTML 页面中定义虚拟（无操作）按钮并调用该按钮的 onclick。

   document.getElementById("noAction").click();