# 一、概述
为了统一收归第三方插件能力,共同促进公众平台内容生态发展,现将 mp 编辑器页面的部分能力,以 jsApi 的形式挂载在页面 window.__MP_Editor_JSAPI__
对象上,供第三方插件使用。
# 二、使用
# invoke 调用编辑器接口
window.__MP_Editor_JSAPI__.invoke({
apiName: 'mp_editor_change_cover', // 接口名称
apiParam: {...}, // 接口参数
sucCb: (res) => {console.log(res)}, // 接口调用成功回调
errCb: (err) => {console.log(err)} // 接口调用失败回调
});
# on 监听编辑器事件
window.__MP_Editor_JSAPI__.on({
eventName: 'mp_editor_change_cover', // 事件名称
callBack: (param) => {console.log(param)} // 事件回调
});
# 三、编辑器接口
# 1. 修改文章封面
# 接口名称
mp_editor_change_cover
# 接口参数
参数 | 类型 | 是否必填 | 说明 | 示例 |
---|---|---|---|---|
oriImgUrl | String | 是 | 封面原图 http 链接 | 'https://mmbiz.qpic.cn/mmbiz_jpg/xxxx' |
picCrop_235_1 | Array<number> | 否 | 2.35:1 封面尺寸裁剪坐标,不填则默认居中裁剪 | [x1, y1, x2, y2](含义请参考下方「裁剪坐标示意图」) |
picCrop_1_1 | Array<number> | 否 | 1:1 封面尺寸裁剪坐标,不填则默认居中裁剪 | [x1, y1, x2, y2](含义请参考下方「裁剪坐标示意图」) |
# 裁剪坐标示意图
# 调用示例
window.__MP_Editor_JSAPI__.invoke({
apiName: 'mp_editor_change_cover', // 接口名称
apiParam: { // 接口参数
oriImgUrl:'https://res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png',
picCrop_235_1: [0, 0.09, 0.54, 0.53],
picCrop_1_1: [0.43, 0, 0.95, 1]
},
sucCb: (res) => {console.log('设置成功', res)}, // 成功回调
errCb: (err) => {console.log('设置失败', err)} // 失败回调
});
# 其他说明
该接口暂只提供给「图文消息」草稿调用
# 四、编辑器事件
暂无