#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/