微信小程序API 富文本-EditorContext实例


当前第2页 返回上一页

地址为临时文件时,获取的编辑器html格式内容中 <img> 标签增加属性 data-local,delta 格式内容中图片 attributes 属性增加 data-local 字段,该值为传入的临时文件地址。

开发者可选择在提交阶段上传图片到服务器,获取到网络地址后进行替换。替换时对于html内容应替换掉 <img> 的 src 值,对于 delta 内容应替换掉 insert { image: abc } 值。

参数

Object object

属性 类型 默认值 必填 说明
src string 图片地址,仅支持 http(s)、base64、云图片(2.8.0)、临时文件(2.8.3)。
alt string 图像无法显示时的替代文本
width string 图片宽度(pixels/百分比)
height string 图片高度 (pixels/百分比)
extClass string 添加到图片 img 标签上的类名
data Object data 被序列化为 name=value;name1=value2 的格式挂在属性 data-custom 上
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

this.editorCtx.insertImage({
  src: 'xx',
  width: '100px',
  height: '50px',
  extClass: className
})


EditorContext.insertText(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

覆盖当前选区,设置一段文本

参数

Object object

属性 类型 默认值 必填 说明
text string 文本内容
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)


EditorContext.redo(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

恢复

参数

Object object

属性 类型 默认值 必填 说明
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)


EditorContext.removeFormat(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

清除当前选区的样式

参数

Object object

属性 类型 默认值 必填 说明
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)


EditorContext.scrollIntoView()

基础库 2.8.3 开始支持,低版本需做兼容处理。

使得编辑器光标处滚动到窗口可视区域内。

EditorContext.setContents(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

初始化编辑器内容,html和delta同时存在时仅delta生效

参数

Object object

属性 类型 默认值 必填 说明
html string 带标签的HTML内容
delta Object 表示内容的delta对象
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)


EditorContext.undo(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

撤销

参数

Object object

属性 类型 默认值 必填 说明
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)



标签:微信小程序

返回前面的内容

相关阅读 >>

小程序 api

微信小程序云开发服务端数据库api 指定筛选条件

微信小程序 扩展组件粘性布局组件

微信小程序 分包加载

微信小程序 getaccesstoken

微信小程序表单组件单选框 radio

微信小程序云开发 api数据库插入记录

微信小程序云开发 api数据库删除记录

微信小程序 小程序使用mockupdateorder

微信小程序 设置线路接口

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...