拉易网在线邮件编辑器API对接文档

2019年12月25日 09:32 阅读量:

安装

1、在需要调起拉易网的页面中的body标签后增加以下代码。
                
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://www.drageasy.com/dragjs/apiv1.js";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
                
              
2、在页面加载后组装拉易网API所需的参数,并实例化对象。
                
  window.onload = function () {
    var deIframe = new DrageasyIframe({
      client_id: '2c5c39b4d40a823r3fc5d491ccfmd827',     // 这里是您获取到的拉易网分配的id
      dom_id: '#iframe-box',                             // 存放拉易网的容器的id
      user_id: 1,                                        // 您系统中的用户的id
      width: '100%',                                     // 嵌入拉易网的宽度
      height: '530px',                                   // 嵌入拉易网的高度
    });
  }
                
              
3、最后可以在需要调起拉易网API的地⽅执⾏以下代码调起。
              
  // 根据需要选择新建或者获取拉易网邮件模板
  deIframe.createTemplate();                                  // 新建拉易网邮件模板
  deIframe.getTemplate('670e3452d6fc4fe1b993dadf880fe25a');   // 获取拉易网邮件模板
              
            

数据返回

在⻚面中调用以下代码可以从调起的拉易网API得到数据(此文档为免费版文档,只有在用户点击“保存”按钮后才会进行数据交互)
              
  deIframe.onMessage = function (data) {
    console.log(data);
  }
              
            

data 为返回的数据对象,返回值说明如下

字段名称 类型 说明
template_id string 拉易网的模板id
content string 本次生成的拉易网邮件的HTML内容
from_drageasy boolean 判断是否是拉易网API返回
type string 返回的数据方式

附录

初始化参数说明

字段 必选 类型 默认值 说明
client_id string 获取到的拉易网分配的id
dom_id string 是否有拉易网返回
user_id string 1 客户系统中的用户的id,系统没有用户的填1即可
width string 调起嵌套的拉易网的宽度(带%或单位px等)
height string 调起嵌套的拉易网的高度(带%或单位px等)