介绍
wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。
官网:文档:/wangfupeng/wangeditor3/332599源码:/wangfupeng1988/wangEditor
查看 v2 版本的代码和文档:/wangfupeng1988/wangEditor/tree/v2
下载
直接下载:/wangfupeng1988/wangEditor/releases使用npm下载:npm install wangeditor (注意 wangeditor 全部是小写字母)使用bower下载:bower install wangEditor (前提保证电脑已安装了bower)使用CDN:///wangeditor/release/wangEditor.min.js使用
var E = window.wangEditorvar editor = new E('#div1')editor.create()
运行 demo
下载源码 git clone git@:wangfupeng1988/wangEditor.git安装或者升级最新版本 node(最低v6.x.x)进入目录,安装依赖包 cd wangEditor && npm i安装包完成之后,windows 用户运行npm run win-example,Mac 用户运行npm run example打开浏览器访问localhost:3000/index.html用于 React、vue 或者 angular 可查阅官方文档中其他章节中的相关介绍简单的 demo
下载
点击 /wangfupeng1988/wangEditor/releases 下载最新版。进入release文件夹下找到wangEditor.js或者wangEditor.min.js即可使用CDN:///wangeditor/release/wangEditor.min.js使用bower下载:bower install wangEditor (前提保证电脑已安装了bower)
PS:支持npm安装,请参见后面的章节
制作 demo
编辑器效果如下。
代码示例如下。注意,以下代码中无需引用任何 CSS 文件!!!
wangEditor demo
欢迎使用wangEditor富文本编辑器
如果想要自己控制编辑区域的高度、宽度等尺寸信息,参见官方文档中菜单与编辑区域分离。
项目地址
/wangfupeng1988/wangEditor