国产开源富文本 开箱即用

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

相关推荐
爱勇宝17 小时前
鸿蒙生态的下半场:开发者不只要能开发,还要能赚钱
android·前端·程序员
程序员cxuan17 小时前
DeepSeek 杀入多模态,识图功能正式上线!
人工智能·后端·程序员
禅思院1 天前
路由性能优化终极指南:从懒加载漏洞到边缘渲染的架构跃迁
前端·架构·前端框架
文心快码BaiduComate1 天前
Comate 搭载GLM-5.2:百万上下文,稳定支撑长程任务
前端·程序员·开源
怕浪猫1 天前
Electron 系列文章封面图
算法·架构·前端框架
星栈1 天前
Dioxus 的 `rsx!` 语法:如果你会 React,上手确实特别快
前端·前端框架
程序员cxuan1 天前
分享一下我最近常用的 10 个 Codex 小技巧。
人工智能·后端·程序员
Moonbit1 天前
MoonBit ×CCF开源创新大赛 倒计时24天!快来提交你的作品
程序员·编程语言
zzzzzz3101 天前
假如我是掘金管理员,我先给评论区装个'代码审查'系统
python·程序员·机器人
冬奇Lab2 天前
每日一个开源项目(第133篇):EchoBird - 把 AI 工具的安装和部署做成傻瓜操作
人工智能·开源·资讯