wangeditor 获取内容
时间: 2024-06-14 07:08:49 浏览: 236
在vue中获取wangeditor的html和text的操作
5星 · 资源好评率100%
WangEditor是一款基于JavaScript的富文本编辑器,用于在网页中编辑和展示富文本内容。要获取WangEditor编辑器中的内容,可以通过以下步骤进行操作:
1. 在HTML页面中引入WangEditor的相关文件,包括CSS和JavaScript文件。
2. 创建一个div元素作为编辑器的容器,并设置一个唯一的id属性。
3. 在JavaScript代码中,使用该id属性初始化WangEditor编辑器,并将其赋值给一个变量,以便后续操作。
4. 使用该变量调用编辑器对象的getContent方法,即可获取编辑器中的内容。
下面是一个简单的示例代码:
HTML部分:
```html
<div id="editor"></div>
<button onclick="getContent()">获取内容</button>
```
JavaScript部分:
```javascript
var editor = new wangEditor('#editor');
editor.create();
function getContent() {
var content = editor.txt.html();
console.log(content);
}
```
在上述示例中,点击"获取内容"按钮时,会调用getContent函数,该函数通过editor.txt.html()方法获取编辑器中的HTML内容,并将其打印到控制台。
阅读全文