国产开源富文本 开箱即用

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

相关推荐
kyriewen6 分钟前
React Hooks原理:为什么不能写在if里?揭开Hook的“魔法”面纱
前端·react.js·前端框架
阿虎儿1 小时前
56条软件工程开发定律
程序员
X.AI6662 小时前
小米 MiMo‑V2.5‑Pro 上手体验:一款能硬刚 GPT‑5.4 的国产大模型有多强?
人工智能·gpt·开源
一只AI打工虾的自我修养2 小时前
开源大模型本地部署:Ollama vs LocalClaw 选型指南
人工智能·开源
MXN_小南学前端2 小时前
Vue3 + Spring Boot 工单系统实战:用户反馈和客服处理的完整闭环(提供gitHub仓库地址)
前端·javascript·spring boot·后端·开源·github
智碳未来科技有限公司2 小时前
开源能碳管理系统:助力 2026 绿色工厂申报
开源·能源·双碳目标·制造业转型·能碳管理·绿色工厂
程序员鱼皮3 小时前
Git WorkTree 是什么?凭什么能让 AI 编程效率翻倍?
git·ai·程序员·编程·ai编程
czkm3 小时前
AI有情绪吗?从AI夸我是写作领域大神说起
人工智能·程序员·ai编程
墨染天姬3 小时前
【AI】DeepSeek开源cuda算子库TileKernels
人工智能·开源
代码AI弗森4 小时前
OpenMUSE 全面详解:非扩散Transformer文生图开源基座(对标GPT Image 2)
gpt·开源·transformer