# 设置内容
> 【注意】wangEditor3 已停止维护,请使用 wangEditor 最新版本,具体查看[官网]((http://www.wangeditor.com/) )。
以下方式中,如果条件允许,尽量使用第一种方式,效率最高。
## html 初始化内容
直接将内容写到要创建编辑器的`<div>`标签中
```html
<div id="div1">
<p>初始化的内容</p>
<p>初始化的内容</p>
</div>
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
editor.create()
</script>
```
## js 设置内容
创建编辑器之后,使用`editor.txt.html(...)`设置编辑器内容
```html
<div id="div1">
</div>
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
editor.create()
editor.txt.html('<p>用 JS 设置的内容</p>')
</script>
```
## 追加内容
创建编辑器之后,可使用`editor.txt.append('<p>追加的内容</p>')`继续追加内容。
## 清空内容
可使用`editor.txt.clear()`清空编辑器内容
- 介绍
- 开始使用
- 创建一个编辑器
- 使用JS模块定义
- 菜单和编辑区域分离
- 单页面多个编辑器
- 禁用编辑器
- 内容处理
- 设置内容
- 获取内容
- 使用textarea
- 获取JSON
- 参数配置
- 配置菜单
- debug模式
- onchange
- 配置编辑区域z-index
- 多语言
- 粘贴文本
- 插入网络图片回调
- 插入链接的校验
- 插入网络图片的校验
- onfocus
- onblur
- 配置颜色
- 配置表情
- 配置字体
- 上传图片
- tab显示和隐藏
- base64格式保存图片
- 上传图片到服务器
- 上传到七牛云存储
- 其他
- 全屏-预览-查看源码
- 上传附件
- 关于markdown
- xss攻击
- 用于React
- 用于Vue
- 用于angular
- 常用API