如何在具有某些内置功能的ckeditor小部件上添加按钮?

如何在具有某些内置功能的ckeditor小部件上添加按钮?,ckeditor,Ckeditor,我修改了中给出的simplebox小部件,将这三个按钮包含在悬停上 我想在这些按钮中启用一些功能,即在单击事件中运行一些javascript。例如,使用delete按钮,小部件实例被销毁(通过查看文档,我找到了小部件的销毁方法)。但是我应该如何在这个按钮的点击事件上附加这个方法 还想知道如何在CKEditor中停止事件冒泡(event.stopPropagation),以阻止在click事件上发生更多事件 任何建议都会有帮助。我们已经为此奋斗了很长时间 是的,这位编辑很激动 我是通过在edit

我修改了中给出的simplebox小部件,将这三个按钮包含在悬停上

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

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

任何建议都会有帮助。我们已经为此奋斗了很长时间


是的,这位编辑很激动

我是通过在
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元素,下一行将破坏小部件的实现。

按钮如何触发此代码?您能演示一下吗?您能发布自定义按钮实现的代码吗?