手册版本 V5.0

组件介绍

gui-content-editor 编辑器组件目标是提供一个灵活的前端编辑器给用户来使用，具备以下特色 : 
01. 体验较好、功能丰富、全端兼容；
02. 内容选项可以删除、排序；
03. 以数组形式收集编辑器数据，可以使用 JSON.stringify() 将数据序列化后提交给后端并保存到数据库;
04. 配套提供数据对应的解析器，用于展示编辑器产生的文章数据，体验更好；

组件名称

gui-content-editor : GraceUI 组件目录/gui-content-editor.vue

组件事件

@deleteImage 删除已上传图片时触发，携带参数 : 图片路径。

兼容平台

上传后端返回值格式

{errcode:0, data:"上传成功后最终的图片路径"}

使用说明

编辑器默认值赋值方式在演示代码 mounted() 处，请参考后用于文章编辑功能；
采用提交时上传图片方式，上传代码在演示代码中已经写好；
上传图片时采用一次一个循环上传的方式进行上传；
我们已经为大家写好了基于 php 和 go 语言的后端源码，请加入 GraceUI 付费用户 QQ 群，进入群文件进行下载。

演示代码