207  
查询码:00000455
富文本编辑器(rview-c)
作者: 徐文斌 于 2019年12月26日 发布在分类 / 人防组 / 人防前端 下,并于 2020年09月01日 编辑
富文本编辑器 rview-c

图例

粘贴图片

使用方法

 cnpm install rview-c --save

使用组件

template


 <wangeditor ref="wangeditor" :hostUrl="hostUrl" :hostApi="hostApi" :catchData="catchData" :isDetail="isDetail" :tenantId="tenantId" :belongsId="belongsId"></wangeditor>
data



hostUrl:"http://192.168.199.203:8030",
hostApi:"/api/services/File/FileDo/UploadFiles_Form",
tenantId: this.$store.state.user.tenantId,
isDetail: false


methods

catchData(value) {
      // 获取到 用户输入的数据
        this.formValidate.content = value; //在这里接受子组件传过来的参数,赋值给data里的参数
 },


API

props

参数 类型 是否必填 描述 默认值
hosturl String 上传地址--端口 --
hostapi String
上传地址--路径 --
tenantId String
上传时需要的租户Id --
isDetail Boolean 是否是查看 false
folder String 上传时存的folder传参 editorImg
methods
方法名 参数 描述
catchData 自定义 存储编辑器里的值


注意

1、获取详情展示时要调用的showhtml方法才可展示。

示例:

粘贴图片

2、接口需要token验证

粘贴图片

3、如果接口需要验证,获取查看详情的数据后需要拼接access_token再调用showhtml方法



 推荐知识

 历史版本

修改日期 修改人 备注
2020-09-01 11:37:31[当前版本] 徐文斌 加token验证的问题
2020-05-21 11:22:14 徐文斌 完善注意点
2020-05-20 17:05:03 徐文斌 # "version": "1.1.161"
2020-05-20 16:05:42 徐文斌 # "version": "1.1.160"

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp