国产开源富文本 开箱即用

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

相关推荐
不悔哥5 天前
开源OV-Watch:怎么做一个智能手表
单片机·开源·嵌入式
家和805 天前
Carla仿真系列:4_在 Carla 的 Tesla 上装 4 路摄像头,并创建网格为环视拼接做准备
开源
感谢地心引力5 天前
我用 Doubao-Seed-2.1-pro 做了一个深度融入 AI 功能的本地知识库软件
ai·开源·seed·markdown·豆包
alsmile5 天前
Node-RED 之外,国产规则引擎的新方案:基于标准语法,Go 先行实现
后端·开源·go
瑶山5 天前
开源编程Agent-OpenCode完整使用教程
开源·agent·ai编程·opencode
duyacode5 天前
FastAPI为什么成为默认答案
程序员
m4Rk_5 天前
【论文阅读】Agent 记忆机制(77):TSM——让记忆回到事件真正发生的时间
论文阅读·人工智能·学习·开源·github
十六年开源服务商5 天前
2026网站主题打包方案深度解析
开源
Java_AI工程师5 天前
90%的人写Function Calling,只写了"把参数传给工具执行"这一步,剩下的参数校验、错误重试、超时控制、结果格式化,全是空白。
java·人工智能·程序员
小葱运维5 天前
命名与环境规范
运维·开源·云计算