wangEditor 5

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

快速上手 demo 示例 open in new window

简洁易用,功能强大

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

支持 JS Vue React

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

踩过 4000+ 坑

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

wangEditor 作者 慕课网 双越讲师open in new window 亲授,前端面试全流程,5000+学员好评~

  1. 简历 1 小时带你写出亮眼的前端简历 - 免费学习!!!open in new window
  2. 基础 1 天时间快速准备前端基础面试,构建前端基础知识体系open in new window
  3. 框架 前端框架面试题,聚焦 Vue3 React Webpackopen in new window
  4. 刷题 2 周刷完 100 道前端优质面试真题,覆盖 9 大考察方向open in new window
  5. 模拟面试 前端面试模拟+复盘 ,揭秘面试官的内心世界 - 新课优惠!!!open in new window

也欢迎关注作者 抖音 “王福朋的编程小屋” 和 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'
})

兼容性

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

遇到问题

关注作者抖音