tinymce imagetools增加新按钮
时间: 2023-10-01 22:11:47 浏览: 128
视图中添加按钮
要在 TinyMCE 的 imagetools 插件中增加自定义按钮,你需要使用 `image` 插件的 `toolbar` 选项。以下是示例代码:
```javascript
tinymce.init({
selector: 'textarea',
plugins: 'imagetools',
toolbar: 'imagetools customButton',
setup: function (editor) {
editor.ui.registry.addButton('customButton', {
text: 'Custom Button',
onAction: function (_) {
// 自定义按钮的逻辑
editor.execCommand('imagetools'); // 调用 imagetools 插件的弹出框
}
});
}
});
```
在上面的代码中,我们在 `toolbar` 选项中添加了 `customButton`,然后通过 `editor.ui.registry.addButton` 方法注册自定义按钮。在自定义按钮的 `onAction` 回调中,你可以写任何你想执行的逻辑,然后调用 `editor.execCommand('imagetools')` 来调用 imagetools 插件的弹出框。这样你就可以在 imagetools 插件中添加自定义按钮了。
阅读全文