WangEditor 相关说明

GraceVueAdmin 使用 WangEditor 作为内容编辑器,并对其近将进行了封装,组件为 : GaWangEditor。
如果封装不能满足您的要求,您可以复制一个 /src/gva/components/GaWangEditor.vue 组件到 /src/components 目录,改进后调用自己的编辑器组件。

WangEditor 官方手册

https://www.wangeditor.com/v5/


GaWangEditor 组件属性

此文档内容需登录 + 付费后才能查看!

工具栏配置

在 GaWangEditor.vue 中我们已经写好了配置获取代码 :

此文档内容需登录 + 付费后才能查看!

打开注释,在任意页面调用编辑器组件并运行即可在控制台内看到相关的配置信息 :

此文档内容需登录 + 付费后才能查看!

通过控制台内的配置数据,结合 GaWangEditor.vue 中的工具栏配置就可以改造出自己的编辑器工具栏。

图片上传配置

在 GaWangEditor 中,通过

此文档内容需登录 + 付费后才能查看!

来设置图片上传后端api接口地址,您可以通过 /src/config.js 中的 imageUploadApiUrl 来配置它。

后端示例 ( php 版本 )

此文档内容需登录 + 付费后才能查看!