1

Ember.JS と CKEDITOR の間に競合があります。Ember.js を使用している場合、ツールバー (モーダル ウィンドウ) が機能しません。貼り付けボタンなどを押そうとすると、次のエラー メッセージが表示され、ウィンドウが白く表示され、モーダル ウィンドウが表示されません。

Uncaught TypeError: Cannot read property 'type' of undefined

ckeditor ツールバーが機能しない

Ember.Js を削除すると、CKeditor は正常に動作します。

jsfiddle http://jsfiddle.net/HEhMq/13/で問題のライブ デモを参照してください。

これは、CKEDITOR を ember テンプレートに埋め込む方法です。

App.HTMLTextArea = Ember.TextArea.extend({
    didInsertElement: function() {
        this._super();
        var self = this;
        var elementId = self.get('elementId');

        var edit = CKEDITOR.replace( elementId, {
            extraPlugins : 'autogrow',
            autoGrow_maxHeight : 800,
            // Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin.
            removePlugins : 'resize'
        });

        edit.on('blur', function(e) {
                if (e.editor.checkDirty()) {
                        self.set('value', edit.getData() );
                }
        });
    }
});

このコードを使用すると、エディターが正常に読み込まれ、Ember の値が更新されます。機能していないのはツールバーのボタンだけです。

誰かが同じ問題を抱えていましたか？

4

1 に答える 1

6

幸いなことに、この問題は既に修正されていることが判明しました: http://dev.ckeditor.com/ticket/10265ほんの数日前に修正が行われ、来週に予定されている新しいバージョン (4.1.1) には以下が含まれます。このパッチ。実際、CKEditor リポジトリの master はリリース用に既に凍結されているため、何かが変更される可能性は非常に低いため、それを使用できます。

于 2013-04-17T19:56:22.560 に答える