第一步下载npm依赖包

npm install wangeditor --save

第二步 引入进来 然后在根据自己的需求配置

vue动态添加文本(移动端vue轻松实现富文本功能)(1)

第三步 在template模板里面写按钮用来触发

vue动态添加文本(移动端vue轻松实现富文本功能)(2)

第四步 就是根据自己的需求来读取html text 或追加或者清除

vue动态添加文本(移动端vue轻松实现富文本功能)(3)

补充 有插入图片的需求

vue动态添加文本(移动端vue轻松实现富文本功能)(4)

最后的效果图

vue动态添加文本(移动端vue轻松实现富文本功能)(5)

分享更多技术文章,互相学习一起成长!

,