GraceVueAdmin 使用 WangEditor 作为内容编辑器,并对其近将进行了封装,组件为 : GaWangEditor。
如果封装不能满足您的要求,您可以复制一个 /src/gva/components/GaWangEditor.vue 组件到 /src/components 目录,改进后调用自己的编辑器组件。
https://www.wangeditor.com/v5/
在 GaWangEditor.vue 中我们已经写好了配置获取代码 :
打开注释,在任意页面调用编辑器组件并运行即可在控制台内看到相关的配置信息 :
通过控制台内的配置数据,结合 GaWangEditor.vue 中的工具栏配置就可以改造出自己的编辑器工具栏。
在 GaWangEditor 中,通过
来设置图片上传后端api接口地址,您可以通过 /src/config.js 中的 imageUploadApiUrl 来配置它。