wangEditor富文本编辑器集成七牛云做图片上传 — 实现单页面初始化多个编辑器

一.适用场景

博客、新闻等需要特殊排版的效果展示界面

二.准备

• jQuery文件：https://jquery.com/download/
• 七牛云js文件：https://developer.qiniu.com/kodo/sdk/1283/javascript
• plupload文件：https://www.plupload.com/download/
• wangEditor文件包：http://www.wangeditor.com/
• 七牛云个人服务器地址

三.效果原型

四.代码示例

1.前端代码

引用库文件：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/qiniu.min.js"></script>
<script type="text/javascript" src="plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="wangEditor/release/wangEditor.min.js"></script>

创建DIV作为初始化编辑器的容器：

<div id="firstEditor"></div>
<br />
<div id="secondEditor"></div>

页面加载初始化编辑器：

$(function(){
    initEditor('firstEditor','firstBtn','这是一个标题','min');
    initEditor('secondEditor','secondBtn','这是一个内容','max');
})