国产开源富文本 开箱即用

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 浏览器

相关推荐
CoderJia程序员甲12 分钟前
GitHub 热榜项目 - 日榜(2025-10-28)
ai·开源·大模型·github·ai教程
matrixcode14 小时前
CircleCI 让持续集成变得简单而高效的开源框架
其他·ci/cd·开源
白衣鸽子4 小时前
MapUtils:Java键值操作的瑞士军刀
后端·开源·设计
大模型教程4 小时前
“锤子”RAG已过时!让AI自带“工具选择大脑”的MCP智能体来了
程序员·llm·agent
大模型教程5 小时前
告别“人工客服”!用Dify+知识库,打造你的24小时智能问答专家
程序员·llm·agent
王道长AWS_服务器5 小时前
AWS + Discuz!:社区站架构的现代化玩法
后端·程序员·aws
算家计算5 小时前
Kimi发布新一代注意力架构!线性注意力实现75% KV缓存减少、6倍解码速度提升
人工智能·开源·资讯
文心快码BaiduComate6 小时前
AI时代下,程序员的发展与进阶
人工智能·程序员·前端框架
AI大模型6 小时前
大模型本地部署,vLLM 睡眠模式来了
程序员·llm·agent