在 Vue2 中使用 wangEditor5。
wangEditor
是一款开源Web
富文本编辑器,开箱即用,配置简单
https://clinfc.github.io/wangeditor5-for-vue2-example
yarn add @wangeditor/editor wangeditor5-for-vue2
// or
npm install @wangeditor/editor wangeditor5-for-vue2
动态配置
符合 Vue
使用习惯,数据驱动,通过修改配置即可更新编辑器(编辑器创建后修改配置项仍生效)
双向绑定
支持 v-bind:json
和 v-bind:html
两种形式的双向绑定,分别对应 json string
和 html string
两种形式的数据
初始内容
编辑器创建时的默认内容配置项支持 json array
、json string
和 html string
三种格式的数据
优雅切换
defaultContent
/defaultHtml
+ reloadEditor()
可优雅的实现在不同文章间的来回切换
Vetur
提供 Vetur
语法提示和自动完成所需的配置文件
toggle mode
内置编辑器模式切换菜单,通过简单的配置后,客户便可以在使用时切换喜欢的模式了。
vue@^2
@wangeditor/editor@^5.0.0
343186156