tinymce ui.show
时间: 2024-10-09 19:12:14 浏览: 30
TinyMCE4x.rar
在TinyMCE(一种常用的开源富文本编辑器)中,`ui.show` 是一个用于显示UI组件的方法。它允许开发者在需要的时候,临时添加或激活某些定制的工具栏、对话框或其他自定义控件。例如,你可以创建一个仅在某些操作(如图片上传或格式化文本)时才显示的功能区块,当该操作完成时再通过 `ui.hide()` 来隐藏它,保持编辑区的简洁性。
以下是一个简单的示例:
```javascript
tinymce.init({
selector: 'textarea', // 选择需要初始化的编辑器区域
setup: function (editor) {
editor.on('NodeChange', function () { // 当内容发生变化时
if (editor.selection.getNode().nodeName === 'IMG') { // 检查选中的是否是图片节点
editor.ui.registry.get('customButton').show(); // 显示自定义按钮
} else {
editor.ui.registry.get('customButton').hide(); // 图片外则隐藏按钮
}
});
},
plugins: [
'image'
],
toolbar_items: ['customButton'] // 初始配置中包含自定义按钮
});
// 自定义按钮
tinymce.ui.registry.addButton('customButton', {
text: 'Custom Action',
onAction: function () {
// 执行相关操作...
}
});
```
阅读全文