单页面多个编辑器 · wangEditor3使用手册 · 看云
# 同一个页面创建多个编辑器
wangEditor 支持一个页面创建多个编辑器
## 代码示例
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>wangEditor 一个页面多个编辑器</title>
<style type="text/css">
.toolbar {
background-color: #f1f1f1;
border: 1px solid #ccc;
.text {
border: 1px solid #ccc;
height: 200px;
</style>
</head>
<body>
<div id="div1" class="toolbar">
</div>
<div style="padding: 5px 0; color: #ccc">中间隔离带</div>
<div id="div2" class="text">
<p>第一个 demo（菜单和编辑器区域分开）</p>
</div>
<div id="div3">
<p>第二个 demo（常规）</p>
</div>
<!-- 引用js -->
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor1 = new E('#div1', '#div2')
editor1.create()
var editor2 = new E('#div3')
editor2.create()
</script>
</body>
</html>
```
介绍
开始使用
创建一个编辑器
使用JS模块定义
菜单和编辑区域分离
单页面多个编辑器
禁用编辑器
内容处理
设置内容
获取内容
使用textarea
获取JSON
参数配置
配置菜单
debug模式
onchange
配置编辑区域z-index
多语言
粘贴文本
插入网络图片回调
插入链接的校验
插入网络图片的校验
onfocus
onblur
配置颜色
配置表情
配置字体
上传图片
tab显示和隐藏
base64格式保存图片
上传图片到服务器
上传到七牛云存储
其他
全屏-预览-查看源码
上传附件
关于markdown
xss攻击
用于React
用于Vue
用于angular
常用API