如何在内置一些功能的ckeditor小部件上添加按钮？

Question

我修改了此小部件教程中给出的simplebox小部件,以便在悬停时包含这三个按钮.

我想在这些按钮中启用一些功能,即在他们的点击事件上运行一些javascript.例如,使用删除按钮,窗口小部件实例将被销毁(通过doc查找我发现了widget的destroy方法).但是我应该如何在这个按钮的click事件上附加该方法.

还想知道,如何在CKEditor中停止事件冒泡(event.stopPropagation)以阻止在click事件上发生更多事件.

任何建议都会有所帮助.长期以来一直在努力奋斗.

是的,这位编辑摇滚.:)

Answer 1

我是通过在editor.widgets.add( 'simplebox', {init属性中插入以下代码来实现的.

that = this;
buttons = this.element.getElementsByTag("button");

//getItem(2) points to the third button element which is delete
buttons.getItem(2).on("click", function() {
    //destroys the dom of the widget
    that.wrapper.remove();
    //destroys widget from memory
    CKEDITOR.instances.editor1.widgets.destroy(that, true);
});

wrapper.remove() 删除小部件的dom元素,下一行破坏小部件实现.