wangEditor
wangeditor.com又名 wangEditor 5
开源的 Web 富文本编辑器,内置加粗、标题、列表、插图、表格等常见排版功能,不依赖框架,也提供 Vue、React 组件,适合前端开发者给管理后台或内容发布系统嵌入编辑区域。
工具免费不用登录网页中文开源国内可直接访问
wangEditor 是一个开源的 Web 富文本编辑器,用来在网页里做文字编辑:加粗、标题、列表、插图、表格这些常见操作都内置了,不需要自己再拼一套工具栏。它不依赖 jQuery、Vue 或 React 之类的框架,普通页面引脚本就能跑,同时也提供了官方的 Vue 和 React 组件,在框架项目里按组件方式接入即可。
主要功能
编辑器把常见的排版功能都集成了,官方说法是「集成了所有常见功能,无需二次开发」,配置项不多,几行代码就能生成一个可用的编辑区域。项目开源多年,GitHub issues 里积累了大量用户反馈和已修复的问题,官方用「踩过 5000+ 坑」来形容这段维护经历。站点上提供了基础 demo 和更多示例,Vue、React 的用法也有单独说明。
兼容性与限制
它兼容主流的 PC 浏览器,包括 Chrome、Firefox、Safari、Edge 等。移动端只能查看内容,不能编辑;IE 浏览器已经不再支持。如果你的场景需要在手机上写内容,这个编辑器目前不合适。
适合谁
主要面向需要在自己网站或后台系统里嵌入富文本编辑能力的前端开发者,尤其是用 Vue、React 做管理后台、内容发布、评论或文档编辑的团队。它本身是编辑器组件,不是面向普通用户的内容平台,打开官网看到的是文档和示例,不是可以直接写文章的产品界面。
常见问题
wangEditor 收费吗?
wangEditor 免费使用。
用 wangEditor 要登录吗?
不用登录就能用。
wangEditor 国内能访问吗?
本站 11 月 8 日 检测,wangEditor 在国内可以直接访问。
wangEditor 有哪些平台 / App?
支持 网页。
wangEditor 的替代品有哪些?
本站整理了 4 个替代品,例如 KindEditor、TinyMCE、CKEditor、Quill。
替代品 全部 4 个 →
K
KindEditor
基于 JavaScript 的开源在线 HTML 编辑器,支持所见即所得与源码切换,工具栏可按需裁剪,图片上传等操作以插件接入,适合给内容管理系统或论坛后台嵌入富文本编辑功能的开发者与站长。替代富文本编辑这一块:同为开源在线 HTML 编辑器,支持所见即所得与源码切换,但无 Vue/React 组件
TinyMCE
可嵌入网页应用的富文本编辑器,提供 12+ 框架集成和 400+ API,粘贴时会清理 Word 或网页带来的脏标签,适合前端或全栈开发者给 Angular、React 项目快速加一个编辑区。老牌富文本编辑器,功能覆盖更全,有官方 React/Vue 集成,国内可直接用
CKEditor
CKSource 维护的开源富文本编辑器,可嵌进 CMS、邮件系统或后台,带 AI 改写与翻译、Track Changes 修订和 Word/PDF 导入导出,适合给产品加编辑器的开发团队接入。功能完整的富文本编辑器,提供 React/Vue 组件,适合后台嵌入编辑区域
Quill
开源的网页富文本编辑器,内容以 JSON 进出并提供细粒度 API,工具栏、快捷键和主题均可替换扩展,适合前端开发者把它嵌进后台系统或笔记应用,省去自己处理光标与粘贴清洗。开源轻量富文本编辑器,不依赖框架,API 简洁,可替代基础排版场景