国产开源富文本 开箱即用

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

相关推荐
幽络源小助理12 小时前
全新UI 阅后即焚V2正式版系统源码_全开源_安全加密传输
安全·ui·开源·php源码
lularible13 小时前
从沙子到车辙(3.5):存储层次
开源·嵌入式·汽车电子
lularible13 小时前
从沙子到车辙(3.4):流水线——指令级并行的艺术
开源·嵌入式·汽车电子
2601_9557819813 小时前
整合Kimi 大模型 OpenClaw 自动化能力再度升级
开源·github·kimi·open claw安装·open claw部署
我叫不睡觉14 小时前
知识内耗时代终结:用 FastGPT 构建企业级 AI 知识大脑的完整实践
人工智能·开源
weelinking15 小时前
【claude】14_Claude作为技术文档助手
前端·人工智能·react.js·数据挖掘·前端框架
lularible15 小时前
从沙子到车辙(3.1):组合逻辑——没有记忆的计算
开源·嵌入式·汽车电子
DogDaoDao15 小时前
【AI Agent 深度解析】OpenHuman 开源项目全面分析 — 打造你的个人 AI 超级智能助手
人工智能·深度学习·开源·大模型·ai agent·智能体·openhuman
前端白袍16 小时前
AI+:OpenClaw:开源 AI Agent 框架的定位与技术分析
人工智能·开源·openclaw