wangeditor自定义内容
时间: 2023-07-29 16:07:56 浏览: 175
wangeditor
要在wangEditor中添加自定义内容,可以使用wangEditor的自定义菜单功能。以下是添加自定义菜单的步骤:
1. 首先,你需要在JavaScript中定义一个函数,该函数将在单击自定义菜单时运行。例如,你可以定义一个名为myCustomFunction的函数。
```
function myCustomFunction() {
// 在这里添加自定义的代码
}
```
2. 然后,在wangEditor的配置中添加一个自定义菜单。在菜单的click属性中,指定刚才定义的函数名。例如,你可以添加一个名为“自定义菜单”的菜单,并将其单击事件绑定到myCustomFunction函数。
```
// 创建一个编辑器实例
var editor = new wangEditor('editor');
// 添加自定义菜单
editor.config.menus = [
'source',
'|',
'bold',
'underline',
'italic',
'strikethrough',
'eraser',
'forecolor',
'bgcolor',
'|',
'quote',
'fontfamily',
'fontsize',
'head',
'unorderlist',
'orderlist',
'alignleft',
'aligncenter',
'alignright',
'link',
'unlink',
'table',
'|',
'img',
'video',
'insertcode',
'|',
'undo',
'redo',
'|',
'fullscreen',
'customMenu'
];
// 自定义菜单
editor.config.menus.customMenu = {
title: '自定义菜单',
type: 'click',
click: function () {
myCustomFunction();
}
};
// 渲染编辑器
editor.create();
```
3. 最后,在myCustomFunction函数中添加自定义的代码。例如,你可以在函数中插入一个文本片段。
```
function myCustomFunction() {
// 在光标处插入文本片段
editor.command(null, 'insertHtml', '这是一段自定义内容');
}
```
这样就可以在wangEditor中添加自定义内容了。
阅读全文