ckeditor - 如何更改 CKEditor 元素

Question

当自定义 div 内部发生变化时是否会触发任何事件？我不想监听 editor.on('change')，而只是检测发生变化的 dom 元素， (删除或插入的字符)。例如:

 var template = new CKEDITOR.template(
        '<div class="layout-container">\
                    <div class="layout-column-content" >\
                        <p>content</p>\
                    </div>\
                </div>\
            </div>\
        </div>'
);

var layoutElement = CKEDITOR.dom.element.createFromHtml(template);
editor.insertElement(layoutElement);

添加自定义布局。用户在其中键入内容，我想在不遍历整个 dom 的情况下查看他键入的内容。我试图将监听器添加到 div，但似乎 CKEditor 清除了它们。有什么聪明的解决办法吗？

编辑:这个插件http://ckeditor.com/addon/elementspath可能的解决方法:我已经用这个片段解决了我的问题:

   editor.on('elementsPathUpdate', function(event) {
        elementsList = editor._.elementsPath.list;
    });

结合变化事件。

Answer 1

我知道的唯一解决方案是这个插件:http://alfonsoml.blogspot.de/2011/03/onchange-event-for-ckeditor.html