国产开源富文本 开箱即用

wangEditor一个简洁易用,功能强大的富文本编辑器,它支持在多框架中使用,快速接入,配置简单,几行代码即可生成。

官方地址:

www.wangeditor.com

github:

github.com/wangeditor-...

官网贴心地为我们准备了教学视频以及详细的多种框架使用教程。

该项目在GitHub开源后也收获了16k stars。

不过在前一段时间开始,wangEditor 就已经暂停了维护。当然我们还是可以继续使用,只是后面不会再有新功能和对项目进行优化了,不过就目前现有的功能也几乎能满足了大部分项目的使用需求。

项目应用

来到一个vue3项目,尝试使用wangEditor编辑器。使用之前需要安装两个相关的插件:

通过已安装的wangEditor/editor-for-vue插件,导入它的Editor,Toolbar组件,以及css样式文件:

这里使用的是官方模板,所以代码量会非常的少。

值得注意的是,vue3中编辑器实例必须用shallowRef:

虽然只有这点代码量,但是几乎实现了我们平时使用主流编辑器的一半功能。

兼容性

兼容主流的 PC 浏览器,如 Chrome Firefox Safari Edge 等

暂不支持移动端编辑(支持移动端查看)

不再支持 IE 浏览器

相关推荐
小牛itbull3 小时前
ReactPress:构建高效、灵活、可扩展的开源发布平台
react.js·开源·reactpress
放逐者-保持本心,方可放逐3 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
IT规划师3 小时前
开源 - Ideal库 - 常用枚举扩展方法(一)
开源·c#·.net core·ideal库·枚举转换
OpenI启智社区4 小时前
共筑开源技术新篇章 | 2024 CCF中国开源大会盛大开幕
人工智能·开源·ccf中国开源大会·大湾区
AI服务老曹5 小时前
建立更及时、更有效的安全生产优化提升策略的智慧油站开源了
大数据·人工智能·物联网·开源·音视频
IT规划师6 小时前
开源 - Ideal库 -获取特殊时间扩展方法(三)
开源·ideal库·特殊时间
OpenI启智社区6 小时前
湾区聚力 开源启智 | 2024 CCF中国开源大会暨第五届OpenI/O启智开发者大会闪耀深圳
人工智能·开源·openi启智社区·ccf中国开源大会·启智开发者大会
会发光的猪。7 小时前
如何使用脚手架创建一个若依框架vue3+setup+js+vite的项目详细教程
前端·javascript·vue.js·前端框架
小牛itbull8 小时前
ReactPress – An Open-Source Publishing Platform Built with React
前端·react.js·前端框架
花开花落与云卷云舒11 小时前
新手 Vue 项目运行
前端·javascript·css·vue.js·前端框架·html·springboot