editer js 插件_js 文本编辑插件 wangEditor 的使用教程和总结

因项目需求，需要在PC页面弄一个文本编辑器，并把用户输入的内容格式完完全全传给后台展示在另一个页面上；

试了好几个插件感觉还是 wangEditor 好，用起来比较简单，以下我会把今天遇到的坑都展示出来，看到这篇博客的你肯定很幸运

因为你马上就可以可以上手这个插件了，好了废话不多说；

1 官网下载插件需要的css 和js (注意：该插件依赖于jquery所有需要先引入jquery) 下载地址： https://github.com/wangfupeng1988/wangEditor/releases

2 案例代码

wangEditor 菜单配置

wangEditor 自定义菜单配置

欢迎使用 wangEditor 富文本编辑器

点击

var E = window.wangEditor

var editor2 = new E('#div3')

editor2.customConfig.menus = [ //菜单配置，不要可以直接去掉这个默认全部功能都有如下图

'head',

'bold',

'italic',

'underline'

]

editor2.create()

图1 (默认菜单全部功能都有)

图2(配置了的菜单)

3 到现在为止你可以实现一个编辑器了；