wangeditor文档配置
时间: 2023-07-18 14:23:42 浏览: 191
wangEditor文档
好的,以下是关于WangEditor的文档配置:
1. 引入WangEditor的JS、CSS和字体文件
在HTML文件中引入以下文件:
```
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/wangEditor/10.0.13/wangEditor.min.css">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/wangEditor/10.0.13/wangEditor.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/wangEditor/10.0.13/wangEditor.min.css">
```
其中第一行是引入WangEditor的CSS文件,第二行是引入WangEditor的JS文件,第三行是引入WangEditor的字体文件。
2. 初始化WangEditor
在页面加载完成后,可以通过以下代码初始化WangEditor:
```
var editor = new wangEditor('editor');
editor.create();
```
其中,'editor'是要初始化的textarea的ID,'editor.create()'是创建编辑器。
3. 配置WangEditor
可以通过以下代码配置WangEditor:
```
editor.config.uploadImgUrl = '/upload'; // 上传图片的接口地址
editor.config.uploadImgFileName = 'file'; // 上传图片的文件名称
editor.config.menus = [
'bold', // 粗体
'fontSize', // 字号
'fontName', // 字体
'italic', // 斜体
'underline', // 下划线
'strikeThrough', // 删除线
'foreColor', // 文字颜色
'backColor', // 背景颜色
'link', // 插入链接
'list', // 列表
'justify', // 对齐方式
'quote', // 引用
'emoticon', // 表情
'image', // 插入图片
'table', // 表格
'video', // 插入视频
'code', // 插入代码
'undo', // 撤销
'redo' // 重复
];
```
其中,uploadImgUrl是上传图片的接口地址,uploadImgFileName是上传图片的文件名称,menus是编辑器的菜单栏,可以根据需求自定义。
希望这些信息对你有所帮助。
阅读全文