2

新しい CKEditor に独自のカスタム選択メニューを追加しようとしています。API は少しわかりにくいので、これを機能させる方法がわかりません。私はUIダイアログ機能を使用していますが、それを機能させる方法が本当にわかりません。

これまでのところ、私は持っています:

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

カスタム選択を実際に機能させる方法についてアイデアを持っている人はいますか?

この API を理解しようとしています: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.select.html

4

2 に答える 2

1

このコードを試してください。

これは、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:
        }
    });
});
于 2010-01-08T09:06:55.853 に答える
1

_sourceフォルダを確認してみてはいかがでしょうか。

plugins ディレクトリに移動し、ドロップダウン選択を表示するプラグイン (例: stylescombo )を選択します。コードはそれに光を当てるかもしれません。フォルダーのコピーを作成し、コードをトップダウンで変更し始めると、すぐに選択できるようになります。

乾杯、m^e

于 2009-11-10T13:28:48.740 に答える