reactjs - 如何使用 react-email-editor 加载 HTML 模板而不是 json？

Question

我正在使用 react-email-editor编辑电子邮件模板。现在我想以 html 格式保存模板数据，还想在编辑器中加载 html 数据。由于 react-email-editor 正在加载 json 格式的数据(我使用了 onLoad 函数并在其中传递了 json 数据)，但现在的问题是如何使用 html 加载编辑器数据。

有什么方法可以使用这个包将html转换成json格式吗？

或者如果有任何其他方法可以做到这一点，请提出建议。

Answer 1

详细信息: https://github.com/unlayer/react-email-editor/blob/master/demo/src/example/index.js

尽管已经超过 1 年，但以后可能有人会发现它很有用:

 const emailEditorRef = useRef(null);
 const saveDesign = () => {
     emailEditorRef.current.editor.saveDesign((design) => {
      console.log('saveDesign', design);
      alert('Design JSON has been logged in your developer console.');
   });
 };

 const exportHtml = () => {
     emailEditorRef.current.editor.exportHtml((data) => {
       const { design, html } = data;
       console.log('exportHtml', html);
       alert('Output HTML has been logged in your developer console.');
     });
 };


<button onClick={saveDesign}>Save Design</button>
<button onClick={exportHtml}>Export HTML</button>