更新记录

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>

属性

名称 类型 默认值 描述
maxlength Number -1 文字输入最大字数
placeText String 写点什么吧... 占位符
editData Array [] 显示的内容根据自己需求而定

该组件的一些参数

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

本地图库,相机

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问