ckeditor LINK无法在jQuery对话框中使用

Question

我正在使用 CKEditor版本3.3.1，还尝试了最新的版本4.3 ，但面临同样的问题。

现在问题是，每当我尝试将CKEDITOR加载到位于jQuery对话框内的Textarea时，CKEditor正确加载，但是当我尝试创建超链接时，它打开了Link Popup框，但是链接选项（输入字段，下拉列表等）无效。

有关参考，请参阅随附的屏幕截图。 请指导我，如何解决这个问题。

Answer 1

这是上述问题的解决方案，这对我有用。

Solution for CKEditor Popup in a jQuery Dialog Box

Answer 2

我有同样的问题，但在我的情况下，Textarea属于模态窗口。

删除“tabindex =” - 1“”已修复。

Answer 3

我通过将z-index设置为比我的引导程序模式更大的值来解决了这个问题：

 .ck.ck-balloon-panel {
        z-index: 1050 !important;
    }

Answer 4

我有同样的问题。使用以下线程修复。它为我节省了很多时间：

Twitter bootstrap problem with ckeditor dialogue in modal

Answer 5

就我而言，问题与模式结构有关，该模式结构的文本区域位于具有tabindex属性的jQuery对话框中，如下所示：

<!-- Modal -->
<div class="modal" tabindex="-1" role="dialog" id="modal">
   // text area is here in this modal body
</div>

通过删除tabindex="1"，您可以在ckeditor的“链接弹出”框中更改链接文本框。

Answer 6

这里有同样的问题，但使用其他框架。 简而言之，我使用的是模态 div。

然后我发现其中一个定义了 tabindex 属性。删除它后，CKEDITOR 开始按预期工作。

没有模态应该定义 tabindex 属性。