All Projects → wangfupeng1988 → js-sdk

wangfupeng1988 / js-sdk

Licence: other
wangEditor集成七牛的demo

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


#1. wangEditor 编辑器

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

#2. 使用七牛云存储

#3. 本地运行 demo(wangEditor 2

  • 确定电脑已经安装了nodejsbower。未安装的同学,请先安装这两个软件。
  • 进入wangEditor下载页面,下载v2.0.14及以上版本,解压,进入dist目录,得到cssjs两个文件夹。待用。
  • 直接下载源码或者 git clone https://github.com/wangfupeng1988/js-sdk.git,下载完毕cd js-sdk/demo/wangEditor/进入wangEditor目录,将刚才下载的那wangEditorcssjs两个文件夹拷贝到该目录下,覆盖源文件即可。
  • 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

  • 确定电脑已经安装了nodejsbower。未安装的同学,请先安装这两个软件。
  • 下载源码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/
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].