CKEditor v4：自制插件中對話框的動態標題

Question

我正在使用 CKEditor v4 並且我制作了一個自制插件（tu 上傳圖像和編輯信息）。 2 個選項卡（上傳和編輯信息）效果很好，但我想使用條件（新圖像或編輯現有圖像）設置對話框的標題。 當我調用CKEDITOR.dialog.add或更改 onShow 事件或其他問題的標題時，有沒有辦法為對話框功能提供參數？

非常感謝您的幫助，並為我的法語英語感到抱歉！

Answer 1

我遇到了同樣的問題並且找不到“官方”方式，但是我能夠使用以下解決方法動態更改標題（ this是一個 CKEDITOR.dialog 元素）：

this.getElement().getFirst().find('.cke_dialog_title').getItem(0).setText('[insert new title here]')

基本上，您通過對話框元素的實際 DOM ( getElement().getFirst() )，檢索標題 DOM 元素 ( find('.cke_dialog_title').getItem(0) )，並在那里設置文本。 這完全依賴於 CKEditor 的 CSS 類名，所以不是很穩定，但這是一個開始。

Answer 2

$(dialog.parts.title.$).text(someTitleText)

簡而言之：

CKEDITOR.dialog.add('dynamictitle', function (editor) {
    ...
    ...
    return {
        title: "initial title here",
        ...
        ...
        //  set title onLoad(),or onShow()
        onLoad: function () {
            var currentTitle = editor.config.dynamictitle;
            var dialog = CKEDITOR.dialog.getCurrent();
            $(dialog.parts.title.$).text(currentTitle)
        }
    }
});

...
in your page:
CKEDITOR.replace('<ckeditorelementid>', {
        .....
        .....
        dynamictitle: <title text value>,
        .....
        .....
        });