在 TinyMCE 中,可以通过自定义按钮来实现在插入或编辑链接时添加点击事件。下面是一个示例代码:
首先,在初始化 TinyMCE 的时候,需要添加一个自定义按钮。你可以使用 setup
配置项来添加按钮,并为其绑定一个自定义的点击事件。
tinymce.init({
// 其他配置项...
setup: function (editor) {
editor.ui.registry.addButton('customLinkButton', {
text: '添加链接',
onAction: function () {
// 自定义点击事件的处理逻辑
alert('链接被点击了!');
}
});
}
});
然后,在 TinyMCE 的工具栏中添加这个自定义按钮。你可以使用 toolbar
配置项来指定工具栏中的按钮布局。
tinymce.init({
// 其他配置项...
toolbar: 'customLinkButton'
});
这样,当用户在编辑器中选择文本并点击工具栏上的 “添加链接” 按钮时,自定义的点击事件就会被触发。在示例代码中,我使用了一个简单的 alert
弹窗作为点击事件的处理逻辑,你可以根据实际需求自行修改。