tinyMCE 4 弹出式工具在 Colorbox Lightbox 中失去焦点

Question

我正在尝试将我的网站迁移到 tinyMCE 4，但我遇到了一些障碍，因为版本 4 仍处于测试阶段并且文档在 http://www.tinymce.com/ 上在这一点上非常稀疏。我已经能够解决我的大部分问题，但这个问题让我感到难过，我什至不确定如何确定哪里出了问题。

我在 http://ymsrunning.com/mce.php 设置了一个测试站点.您会注意到使用主页上的任何工具栏按钮都可以正常工作。您可以在输入框中键入内容，它们以焦点开头。

问题是当您单击链接以显示颜色框时，那些相同的工具不起作用。即使会出现弹出窗口，输入也没有焦点，您不能点击它们输入任何内容。

tinyMCE 创建了自己的输入框来匹配主题，但我不知道他们对焦点做了什么。任何关于我应该如何进行的想法，或者更好的是，问题是什么，将不胜感激。

Answer 1

事实证明这不是 tinyMCE 的问题，而是 Colorbox 的问题。 Colorbox 防止关注其容器之外的任何内容，而 tinyMCE 在 Colorbox 容器之外创建其元素。 Colorbox 代码中有一个名为“trapFocus”的函数可以创建此行为。代码如下。

function trapFocus(e) {
if ('contains' in $box[0] && !$box[0].contains(e.target)) {
        e.stopPropagation();
        $box.focus();
    }
}

注释掉函数内部的内容，而不是函数本身，可以让元素保留并接受焦点，并防止 Colorbox 弄乱它。我希望这对遇到此问题的其他人有所帮助。