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

Question

我修改了this widget tutorial中给出的simplebox小部件，以便在悬停时包含这三个按钮。

我想在这些按钮中启用一些功能，即在他们的点击事件上运行一些javascript。例如。使用删除按钮，窗口小部件实例被销毁（通过doc我找到了widget的destroy方法）。但是我应该如何在这个按钮的点击事件上附加该方法。

还想知道如何在CKEditor中停止事件冒泡（event.stopPropagation）以阻止点击事件发生更多事件。

任何建议都会有所帮助。一直在努力解决这个问题。

是的，这位编辑摇滚。 ：）

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元素，下一行会破坏小部件实现。