Question

我有一个包含多个ckeditors的页面：

http://i.stack.imgur.com/8l4vB.png

编辑的包装器是可拖动的。如果我将其中一个编辑器拖到另一个位置并放下它，它就不再可编辑了，内容就会消失：

http://i.stack.imgur.com/yvSzs.png

我虽然可以通过销毁该特定编辑器然后重新初始化它来解决这个问题，但是当我这样做时，我收到以下错误：

Uncaught TypeError：无法调用null ckeditor.js的方法'clearCustomData'：635

有没有人遇到过这个问题？

这是我正在使用的javascript：

function initSortable() {
    $('.sortable').sortable({
        handle  : '.sortable-handle'
    }).bind('sortupdate', function(e) {
        updateBlockOrder();
        // Get the dropped content block
        var _el = $(e.delegateTarget).children('.dropped');
        if (_el.find('.rte').length) {
            // Get id of each area and re-initialize
            _el.find('.rte').each(function(){
                var _id = $(this).attr('id');
                console.log(_id);
                var editor = CKEDITOR.instances[_id];
                console.log(editor);
                editor.destroy();
            });
        }
    });

}

输出如下：

form-blocks-2-body app.js:540

b {element: CKEDITOR.dom.element, elementMode: 1, name: "form-blocks-2-body", _: Object, commands: Object…}
_: Object
blockless: false
commands: Object
config: b
container: CKEDITOR.dom.element
dataProcessor: CKEDITOR.htmlDataProcessor
element: CKEDITOR.dom.element
elementMode: 1
filter: CKEDITOR.filter
focusManager: CKEDITOR.focusManager
getClipboardData: function (b,c){function e(a){a.removeListener();a.cancel();c(a.data)}
id: "cke_3"
instanceReady: true
keystrokeHandler: CKEDITOR.keystrokeHandler
lang: b
langCode: "en"
loaded: true
mode: "wysiwyg"
name: "form-blocks-2-body"
plugins: Object
readOnly: false
resetUndo: function (){b.reset();a.fire("saveSnapshot")}
status: "ready"
tabIndex: 0
templates: Object
toolbar: Array[13]
toolbox: t
ui: CKEDITOR.ui
__proto__: Object
 app.js:542

Uncaught TypeError: Cannot call method 'clearCustomData' of null

拖动后CKEditor不再可编辑

0 个答案: