帮助中心  /  活动编辑事件对接

活动编辑事件对接

该接口适用于用户操作作品,通过JS监听 postMessage方式,通知第三方活动编辑器状态。

代码示例


注意接收 RRXEditEvent 事件类型


请求示例

window.parent.postMessage({

        event_type: "RRXEditEvent",

        event_name: "quit", //详见event_name枚举
        event_source: 1, // 详见event_source枚举
        event_content: { // 正在的编辑的内容

         h5_guid: "123456", // 编辑的活动GUID
         login_id: "acount_1" //当前编辑的用户登录账号

        }
}, "*");


页面嵌入示例

集成URL:通过系统集成页面获得或对接接口获得

<iframe border=0 width=900 height=600 src='集成URL'></iframe>

window.addEventListener('message', function (e) {  // 监听 message 事件
  console.log(e.data); // 编辑器事件推送的数据
  if(e.data.event_type === 'RRXEditEvent'){ // 识别人人秀编辑事件
        if(e.data.event_name === "publish"){ // 发布作品
        iframe.src = "你的页面地址";
      } else if(e.data.eventType === "quit"){ // 退出编辑
        iframe.src = "你的页面地址";
      }
  } 
});


枚举值 

event_name,事件类型枚举值:publish:发布;quit:退出;

event_source,来源类型枚举值:1:H5;2:互动;3:活动专题;4:文章;5:海报;


功能示意

以H5活动编辑器示例,退出编辑,发送 quit事件通知

image.png

发布活动,发送publish事件通知 

image.png



相关文档