vue-ele-form-markdown-editor | vue-ele-form 的 markdown 编辑器
介绍
vue-ele-form-markdown-editor 做为 vue-ele-form 的第三方扩展, 用于 markdown 文档的书写
安装
npm install vue-ele-form-markdown-editor --save
使用
// 注册 vue-ele-formVue // 注册 markdown 组件Vue
formDesc: xxx: label: 'xxx' type: 'markdown-editor' // 只需要在这里指定为 markdown-editor 即可 // 属性由两部分组成 // 1.上传图片相关属性 // 2.编辑器相关属性, https://github.com/hinesboy/mavonEditor#api-%E6%96%87%E6%A1%A3 attrs: // 上传相关 action: 'https://xxx.com/upload/images' // 上传地址 data: token: 'xxx' name: 'img' // 文件名 // 对响应结果进一步处理 { return 'https://xxx.com/upload/images' + response // 这里返回上传后的url即可 } // 编辑器相关 fontSize: '16px'
示例
上传图片属性说明
props: // 上传地址 action: String // 图片大小限制 fileSize: type: Number // 文件名 name: type: String default: 'file' // 上传图片的头部 headers: Object // 是否需要带cookie withCredentials: Boolean // 自定义上传数据, 例如 {token: xxx} data: Object // 上传成功的进一步处理 responseFn: Function