更新记录

1.0.0（2020-05-28） 下载此版本

基于vue页面，实现输入文字和上传图片，文字和图片混合排版的富文本

平台兼容性

jxImgTextEdit富文本编辑器插件使用说明

1.引入插件所在的目录

import jxImgTextEdit from '@/components/jx-imgText-edit/jx-imgText-edit.vue';

2.注册组件，可选择全局注册或者局部注册

components:{
    jxImgTextEdit
},

3.可以使用了

<jxImgTextEdit ref="jxImgTextEdit" :editData="edits" @delImg="delImg"></jxImgTextEdit>

属性

该组件的一些参数

• editData属性 是很用必要传的，上传图片是在父组件中上传的，上传的图片储存在父组件数组中，然后传给jxImgTextEdit组件
• 渲染页面，jxImgTextEdit组件接口 editData 属性的值 是一个数组，格式为{"type": "textarea","value": "文字"}，
• {"type": "img","value": "图片地址"}。editData 属性接受的数组中的元素为这两种。也可以根据自己的需求有所改动