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 文件夹？

进入plugins目录并选择一个插件，显示下拉列表选择例如的 stylescombo 即可。代码可以为它提供一些启示。创建该文件夹的副本并开始自上而下修改代码，您将立即进行选择。

干杯，米^ 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:
        }
    });
});

CKEditor自定义选择菜单

2 个答案: