接口文档

{
  type: string; // 信令的类型
  headers: {
    reqId: string; // 信令的请求id，每次都随机
  }
  data: {
    body: object, // body中存储具体数据
  },
}

document.addEventListener('documentMessage', (e) => {
  console.log(e);
});

CustomEvent:
{
  ...
  detail: {
    type: 'common.setFormula',
    headers: {
      reqId: '......'
    },
    data: {
      body: {
        formula: '<>',
        formulaSrc: 'data:image/png;base64,......'
      }
    }
  }
}

document.addEventListener('documentMessage', (e) => {
  const { type } = e?.detail;
  const msg = e?.detail?.data?.body;
  if (type !== 'common.closeModal') return;
  console.log('关闭');
});

document.addEventListener('documentMessage', (e) => {
  const { type } = e?.detail;
  const msg = e?.detail?.data?.body;
  if (type !== 'common.setType') return;
  console.log('msg', msg.type); // msg algebra
});

document.addEventListener('documentMessage', (e) => {
  const { type } = e?.detail;
  const msg = e?.detail?.data?.body;
  if (type !== 'common.selectKey') return;
  console.log('msg', msg.key); // msg \delta
});

document.addEventListener('documentMessage', (e) => {
  const { type } = e?.detail;
  const msg = e?.detail?.data?.body;
  if (type !== 'common.setFormula') return;
  console.log('msg', msg.formula, msg.formulaSrc); // msg 123 data:image/png;......
});

document.addEventListener('documentMessage', (e) => {
  const { type } = e?.detail;
  const msg = e?.detail?.data?.body;
  if (type !== 'common.ready') return;
  console.log('已准备');
});

const event = new CustomEvent('documentMessage', {
  detail: {
    type: 'common.readFormula',
    headers: {
      reqId: 1,
    },
    data: {
      body: {
        formula: 'abc',
      },
    },
  },
});
document.dispatchEvent(event);

const event = new CustomEvent('documentMessage', {
  detail: {
    type: 'common.clearFormula',
    headers: {
      reqId: 2,
    },
    data: {
      body: {},
    },
  },
});
document.dispatchEvent(event);