api - CKEditor 自定义选择菜单

Question

我正在尝试将我自己的自定义选择菜单添加到新的 CKEditor。API 有点混乱，所以我不确定如何让它工作。我正在使用 ui 对话框功能，但真的不知道如何让它工作。

到目前为止，我有：

CKEDITOR.ui.dialog.select(dialogObj, elementDefinition, htmlList);

任何人都对如何真正让自定义选择起作用有想法吗？

我正在尝试理解这个 API：http ://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.select.html

Answer 1

为什么不检查_source文件夹？

进入插件目录并选择一个显示下拉选择的插件，例如stylescombo。该代码可能会对此有所了解。创建文件夹的副本并开始自上而下修改代码，您将立即进行选择。

干杯，m^e

Answer 2

试试这个代码，

这就像在 javascript 中动态创建元素一样，只要您按下 Enter 键，就会创建 SELECT 控件...

var editor1 = CKEDITOR.replace('editor');
CKEDITOR.instances["editor"].on("instanceReady" , function(){
    var e = this.document;
    this.document.on("keyup", function(event){
        domEvent = event.data;
        key = domEvent.getKey();
        switch(key){
        case 13:
            e = CKEDITOR.instances.editor.document; 
            b = e.getBody();
            s = e.createElement('select');
            o = e.createElement('option');
            o.appendHtml("hi");
            s.append(o);

            o = e.createElement('option');
            o.appendHtml("hello");
            s.append(o);

            b.append(s);
            s.focus();
            break;
        default:
        }
    });
});