ckeditor LINK 在 jQuery 對話框中不起作用

Question

我正在使用CKEditor 3.3.1 版，也嘗試過最新的4.3 版但面臨同樣的問題。

現在的問題是，每當我嘗試將 CKEDITOR 加載到位於 jQuery 對話框內的 Textarea 時，CKEditor 都會正確加載，但是當我嘗試創建超鏈接時，它會打開鏈接彈出框，但鏈接選項（輸入字段、下拉菜單等）不起作用。

以供參考請參閱隨附的屏幕截圖。 請指導我，如何解決這個問題。

Answer 1

這是上述問題的解決方案，這對我有用。

jQuery 對話框中CKEditor Popup 的解決方案

Answer 2

我有同樣的問題，但在我的情況下 Textarea 屬於一個模態窗口。

刪除“tabindex =“-1””是固定的。

Answer 3

我遇到過同樣的問題。 使用以下線程修復。 它為我節省了很多時間：

模態中ckeditor對話的Twitter引導問題

Answer 4

我通過將 z-index 設置為比我的引導模式更大的值來解決它：

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

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屬性。