wangEditor 5

开源 Web 富文本编辑器，开箱即用，配置简单

快速上手demo 示例 open in new window

简洁易用，功能强大

快速接入，配置简单，几行代码即可生成。集成了所有常见功能，无需二次开发。在 Vue React 也可以快速接入。

支持 JS Vue React

不依赖任何第三方框架，可用于 jQuery Vue React 等。wangEditor 提供了官方的 Vue React 组件。

踩过 5000+ 坑

wangEditor 开源多年，有大量用户使用和反馈，我们已解决了太多的用户问题（详见 github issues）。

#wangEditor 作者 慕课网 双越讲师open in new window 亲授 前端面试全家桶open in new window 全流程、体系化的前端面试解决方案

1. 全流程 从知识点讲解，到面试题练习，再到真实面试过程演练
2. 体系化 包含前端面试常考的内容，如 CSS JS Vue React 算法等
3. 讲师靠谱 双越老师从 2017 年开始制作前端面试课，已服务 1w+ 学员

也欢迎关注作者抖音 王福朋的编程小屋 和 wangEditor B站频道open in new window

#使用简单

10 行代码即可创建一个功能健全的富文本编辑器，可查看 demo 示例open in new window。如用于 Vue React 可参考这里。

import '@wangeditor/editor/dist/css/style.css'
import { createEditor, createToolbar } from '@wangeditor/editor'

// 创建编辑器
const editor = createEditor({
  selector: '#editor-container'
})
// 创建工具栏
const toolbar = createToolbar({
  editor,
  selector: '#toolbar-container'
})

1
2
3
4
5
6
7
8
9
10
11
12

#兼容性

• 兼容主流的 PC 浏览器，如 Chrome Firefox Safari Edge 等
• 暂不支持移动端编辑（支持移动端查看）
• 不再支持 IE 浏览器

#遇到问题

• 常见问题汇总open in new window
• 提交 issue 问题和建议open in new window
• 暂停 QQ 群（无良“伸手党”过多，还请体谅~）

富文本,富文本编辑器,富文本框,在线编辑器,html,web,javascript

wangEditor - 轻量级web富文本编辑器，基于javascript和css开发的 Web富文本编辑器，轻量、简洁、易用、开源免费