用于 Vue React 注意 Vue2 Demo 安装 使用 配置 调用 API Vue3 Demo 安装 使用 配置 调用 API React Demo 安装 使用 配置 调用 API 用于 Vue React 如果是第一次使用，请先通过 快速开始 了解基本使用。 注意 本文只介绍各个框架的组件接入，实际...

使用V3版本 使用V3版本 尽量升级使用 V4 版本。平滑升级，成本很低 。 V3 版本以后将不再维护， V4 和 V3 的配置和使用极为相似（把 editor.customConfig 改为 editor.config 即可） 如确实没法升级，不得已继续使用 V3 ，可参考 下载和安装 CDN https://unpkg.co...

使用 textarea 使用 textarea wangEditor 从 v3 版本开始不支持 textarea ，但是可以通过 onchange 来实现 textarea 中提交富文本内容。 <div id = "div1" > <p> 欢迎使用 <b> wangEditor </b> 富文本编辑器 </p> <...

介绍 demo 浏览器兼容性 基本使用 NPM CDN 交流 贡献代码 开发人员 赞助项目 介绍 English documentation wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。 官网：www.wangEditor.com 文档：doc.wangEditor.com 源码：g...

组件管理 移除已有组件 扩展自定义组件 集成富文本编辑器wangEditor 集成富文本编辑器ckeditor 组件管理 移除已有组件 form表单内置的map 和editor 组件通过cdn的方式引用了前端文件，如果网络方面有问题，可以通过下面的方式将它们移除 找到文件app/Admin/bootstrap.php ,如果文件不存在，...

编辑器 API config 相关 getConfig getMenuConfig getAllMenuKeys alert 内容处理 handleTab getHtml getText isEmpty getSelectionText getElemsByType getElemsByTypePrefix deleteBackwar...

从媒体库上传图片 例子 从媒体库上传图片 如果想要从媒体库上传图片，可配置如下代码： 注意: 当同时配置了媒体库上传和本地上传功能时，本地上传会失效。 editor . config . uploadImgFromMedia = function () { // 1.调用自己的媒体库并显示UI页面方法 // ....

设置内容 html 初始化内容 js 设置内容 设置内容 以下方式中，如果条件允许，尽量使用第一种方式 ，效率最高。 html 初始化内容 直接将内容写到要创建编辑器的 <div> 标签中。 <div id = "div1" > <p> 初始化的内容 </p> <p> 初始化的内容 </p> </di...

快速开始 创建空白编辑器 定义 html 结构 创建编辑器和工具栏 mode 模式 使用 textarea 尺寸和样式 宽度和高度 z-index 全屏 其他 一个页面多个编辑器 快速开始 如果你想用于 Vue React ，请先阅读本文，然后看这里 。 创建空白编辑器 定义 html 结构 编辑器和工具栏是强制分离的，所以...

优势 其他富文本编辑器的问题 技术老旧 中文不友好 需要大量二次开发 有框架的约束 无官方 React Vue 等组件 新产品尚未稳定 wangEditor 的优势 使用主流技术 1. 升级为 L1 能力 2. 使用 vdom 3. 扩展性 中文文档 及时反馈和沟通 集成所有功能，无需二次开发 很方便的应用于 Vue React ...