相关疑难解决方法(0)

我正在使用4.2.1版创建一个CKEditor插件.我试图按照简单插件上的教程.但是,对话框窗口中的文本输入在对话框中不可编辑/可点击,即使我只是从教程中复制整个abbr插件而没有任何更改.

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

当我检查Chrome的开发工具中的文本输入元素时,我可以通过Console/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

考虑到这可能是相关的,我还尝试使用Chrome的开发工具将文本元素的z-index设置得非常高.没有运气,它仍然不可编辑/突出......

更新#2

这似乎是与jQuery UI的冲突.建议的修复程序对我来说还不起作用,但是它会四处乱窜...让任何可能偶然发现它的人都会这样做.

最后更新

所以Brian的小费对我有所帮助.Bootbox模式背景(我用来生成原始对话框)和CKEditor对话框背景都有tabindex = -1,因此它们会以某种方式发生冲突.手动关闭Bootbox背景(即设置tabindex ='')与Chrome开发工具一起使用,所以我想我可以和jQuery或其他东西一起破解.惊人的东西......感谢您的帮助!! 不知道为什么我在jsFiddle中工作...如果我没记错,我可能没有在这些对话框上有背景.

另外,作为参考,tabindex为-1使得事物无法实现,这对于背景来说是有意义的.

我正在尝试创建一个包含CKEditor实例的Bootstrap模式,但是存在很多问题......

所以基本上这些字段都没有用,它们看起来不像,但我无法与它们互动.有没有人能解决这种奇怪的行为？

我遇到了与如何在Bootstrap模式中使用CKEditor相同的问题？

然而问题是修复似乎不再起作用了.

<button type="button" data-toggle="modal" data-target="#modalAddBrand">Launch modal</button>
<div class="modal fade" id="modalAddBrand" tabindex="-1" role="dialog" aria-labelledby="modalAddBrandLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="modalAddBrandLabel">add</h4>
      </div>
      <div class="modal-body">
            <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
            This is my textarea to be replaced with CKEditor.
            </textarea>
            </form> 
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button id="AddBrandButton" type="button" class="btn btn-primary">Save</button>
      </div>
    </div>
  </div>
</div>

我在http://jsfiddle.net/7zDay/16/上放了一个小提琴(添加了suugested修复).尝试使用数学编辑器(使用sigma图标),你会发现它不允许你输入框.

任何帮助表示赞赏.