plugins - CKEditor插件: text fields not editable

Question

我正在创建一个 CKEditor 插件，使用版本 4.2.1。我正在尝试遵循 tutorial on a Simple Plugin 。但是，对话框窗口中的文本输入在对话框中不可编辑/可单击，即使我只是从教程中复制整个 abbr 插件而不进行任何更改。

我仍然可以单击对话框选项卡、确定/取消按钮，然后拖动对话框。我已将其他元素(例如选择)添加到我的自定义版本中的对话框中，并且我可以与这些元素进行交互。

当我在 Chrome 开发工具中检查文本输入元素时，我可以通过控制台/jQuery 添加文本，然后它就会出现。我在控制台中没有遇到任何失败。

$('#cke_229_textInput').val('help');

将文本添加到文本输入并将其显示在屏幕上。但我无法通过鼠标/键盘/浏览器与该元素交互。 CKEditor 配置中是否有我遗漏的明显内容？抱歉，如果这是一个非常愚蠢的问题——第一次使用 CKEditor。我也搜索了CKEditor论坛和Google，没有发现任何相关问题。

这种情况在 Chrome 30 和 FF 24 中都会发生。

我创建编辑器的调用:

var me = document.getElementById('resource_editor_raw');
editor = CKEDITOR.replace(me, {
    fullPage: true,
    removePlugins: 'newpage,forms,templates',
    extraPlugins: 'abbr',
    allowedContent: true
});

感谢您提供任何提示或提示!

<小时/>

更新#1

思考this might be related ，我还尝试使用 Chrome 的开发工具将文本元素的 z-index 设置为非常高。不走运，它仍然不可编辑/突出显示...

<小时/>

更新#2

这似乎是this conflict使用 jQuery UI。建议的修复方案对我来说还不起作用，但会四处寻找...将其留给任何可能偶然发现它的人。

<小时/>

最终更新

布莱恩的建议对我很有帮助。 Bootbox 模式背景(我用来生成原始对话框的)和 CKEditor 对话框背景都有 tabindex=-1，所以它们以某种方式发生冲突。手动关闭 Bootbox 背景(即设置 tabindex='')适用于 Chrome 开发工具，所以我想我可以与 jQuery 或其他东西一起破解一些东西。神奇的东西...感谢您的帮助!不知道为什么我在 jsFiddle 中运行这个...如果我没记错的话，我可能在这些对话框上没有背景。

此外，作为引用，tabindex 为 -1 会使内容 untabbable ，这对于背景来说是有意义的。

Answer 1

模态 html 属性 tabindex='-1' 似乎是导致我出现问题的原因。

tabindex='-1' 实际上位于引导文档中，出于某种我不知道的原因需要它。