Vue3 富文本编辑器处理方案


编辑库选择标准
对于现在的前端编辑库富文本而言,如果仅从功能上来去看的话,那么其实都是相差无几的。随便从 github
中挑选编辑库,只要 star
在 10K(保守些)
以上的,编辑器之上的常用功能一应俱全。富文本我们使用 wangEditor,因为 wangEditor是国产框架、文档越详尽,提供了中文文档(英文好的可以忽略)、更新快速,不像谷歌开源的markdown-here,github上都好多年没更新了。
本文选择 wangEditor
我们这里使用的是4.x版本的,当然你也可以使用最新v5版本的,4.x版本我觉得api使用起来更舒服,因人而异吧。安装完成之后,我们把editor封装成一个组件,代码逻辑和注释如下:
页面中使用
效果

总结
对于大家而言,不一定非要使用我们在文章中使用的这个编辑器库。
因为对于编辑器库而言,它的使用方式都是大同小异的,大家只需要根据我们实际业务需求和使用习惯来选择使用自己当前情况的编辑器库即可
原文:https://www.jianshu.com/p/f8aa51654966
原作者:程序员三千_
后记:
wangEditor@5也可以,但是,在electron集成vue3的时候,v5输入汉字后,回车或者空格文字就消失了,就改成了v4就好了,OK,就这样,还是v4靠谱点,以后尽量用v4了!!!