marslabtron / js-sdk

wangEditor集成七牛的demo

wangEditor编辑器集成七牛云存储上传图片demo（js SDK）

---

#1. wangEditor 编辑器

wangEditor——轻量级web富文本编辑器，配置方便，使用简单。支持IE8+浏览器。

• 软件官网：wangEditor.github.io
• demo演示：wangEditor.github.io
• 文档：http://www.kancloud.cn/wangfupeng/wangeditor2/113961

#2. 使用七牛云存储

• 七牛开发者中心：http://developer.qiniu.com/
• 七牛js sdk的下载、文档地址：https://github.com/qiniu/js-sdk，该demo也是 fork 的这个项目

#3. 本地运行 demo（wangEditor 2）

• 确定电脑已经安装了nodejs和bower。未安装的同学，请先安装这两个软件。
• 进入wangEditor下载页面，下载v2.0.14及以上版本，解压，进入dist目录，得到css和js两个文件夹。待用。
• 直接下载源码或者 git clone https://github.com/wangfupeng1988/js-sdk.git，下载完毕cd js-sdk/demo/wangEditor/进入wangEditor目录，将刚才下载的那wangEditor的css和js两个文件夹拷贝到该目录下，覆盖源文件即可。
• cd ..进入demo文件夹，vim config.js，七牛上传的一些基本参数配置一下。注意，其中的Uptoken_Url默认即可，无需修改。这一步不了解的同学，请参见七牛js sdk使用指南
• cd ..进入js-sdk目录，运行make命令，命令运行完成之后，即可看到控制台服务启动的提示，如Listening on port 19110。
• 打开浏览器，访问本地服务，例如http://localhost:19110/wangeditor2/

#4. 本地运行 demo（wangEditor 3）

• 确定电脑已经安装了nodejs和bower。未安装的同学，请先安装这两个软件。
• 下载源码git clone https://github.com/wangfupeng1988/js-sdk.git
• cd js-sdk进入源码目录，vi demo/config.js修改其中的配置（代码中有注释）
• cd ..进入js-sdk目录，运行make命令，命令运行完成之后，即可看到控制台服务启动的提示，如Listening on port 19110。
• 打开浏览器，访问本地服务，例如http://localhost:19110/wangeditor3/