tinyMCE 4弹出工具在Colorbox灯箱中失去焦点

Question

3

我正在尝试将我的网站迁移到tinyMCE 4，但由于版本4仍处于测试阶段，关于http://www.tinymce.com/的文档在目前还比较匮乏，所以我遇到了一些阻碍。我已经解决了大部分的问题，但这一个问题让我束手无策，我甚至不知道如何确定问题出在哪里。

我在http://ymsrunning.com/mce.php上设置了一个测试站点。您会注意到，在主页面上使用任何工具栏按钮都很好用。您可以在输入框中键入文字并且它们开始聚焦。

问题是当您点击链接打开Colorbox时，同样的工具就不再起作用了。即使弹出窗口出现，输入框也没有获得焦点，您也无法单击以输入任何内容。

tinyMCE创建了自己的输入框来匹配主题，但我无法弄清他们如何控制焦点。如果您有关于我该如何继续操作或更好的想法（更好的是能够解决问题的），请告诉我，谢谢。

- DRock Miller

等待tinymce4正式版发布，可以避免一些麻烦。 - Thariama

很好的建议。我相信他们不会忽视这个问题，因为Colorbox是一个非常流行的灯箱插件，但如果可能的话，我想自己解决它（或在这里得到帮助）。 - DRock Miller

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DRock Miller · Accepted Answer

原来这不是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对其进行干扰。我希望这对遇到此问题的其他人有所帮助。