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

Question

我修改了 this widget tutorial 中给出的简单框小部件在悬停时包含这三个按钮。

我想在这些按钮中启用一些功能，即在它们的点击事件上运行一些 javascript。例如。使用删除按钮，小部件实例被销毁(通过查看文档，我找到了小部件的销毁方法)。但是我应该如何将那个方法附加到这个按钮的点击事件上。

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

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

是的，这个编辑器很棒。 :)

Answer 1

我是通过在 editor.widgets.add( 'simplebox', { 初始化属性中插入以下代码来完成的。

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