How to use tui-editor

Editor.defineExtension('warning', function() {
  Editor.codeBlockManager.setReplacer('!', function (code) {
    return `<div class="warning"><div class="warning-circle"></div>${code}</div>`;
  });
});

window.addEventListener('message', (event) => {
  if (!(event.data && event.data.action)) {
    return;
  }
  console.log('[editor.md.js]', JSON.stringify(event.data));
  switch (event.data.action) {
    case 'setContent': {
      console.log('[editor.md.js] setContent', new Date().getTime());
      editor.setMarkdown(event.data.data.content);
      // 可能出现以下的调用顺序
      // [MarkdownEditor] {"action":"ready"}
      // [editor.md.js] change
      // [editor.md.js] {"action":"setContent","data":{"content":"aaa"}}
      // [MarkdownEditor] {"action":"contentUpdated","data":{"content":""}}

      // 这行代码是为了兼容上面那种调用顺序，tui.editor少了一次change事件
      postMessage('contentUpdated', {
        content: event.data.data.content,
      });
      customMenubar && customMenubar.$refs.toolbar.setWordCount(event.data.data.content);
      break;
    }
  }
}, false);

Editor.defineExtension('warning', function() {
  Editor.codeBlockManager.setReplacer('!', function (code) {
    return `<div class="warning"><div class="warning-circle"></div>${code}</div>`;
  });
});

window.addEventListener('message', (event) => {
  if (!(event.data && event.data.action)) {
    return;
  }
  console.log('[editor.md.js]', JSON.stringify(event.data));
  switch (event.data.action) {
    case 'setContent': {
      console.log('[editor.md.js] setContent', new Date().getTime());
      editor.setMarkdown(event.data.data.content);
      // 可能出现以下的调用顺序
      // [MarkdownEditor] {"action":"ready"}
      // [editor.md.js] change
      // [editor.md.js] {"action":"setContent","data":{"content":"aaa"}}
      // [MarkdownEditor] {"action":"contentUpdated","data":{"content":""}}

      // 这行代码是为了兼容上面那种调用顺序，tui.editor少了一次change事件
      postMessage('contentUpdated', {
        content: event.data.data.content,
      });
      customMenubar && customMenubar.$refs.toolbar.setWordCount(event.data.data.content);
      break;
    }
  }
}, false);