首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Grapesjs与grapesjs MJML插件不会将MJML转换为HTML。

Grapesjs与grapesjs MJML插件不会将MJML转换为HTML。
EN

Stack Overflow用户
提问于 2022-05-17 06:17:29
回答 1查看 487关注 0票数 0

我只是用mjml安装了示例的grapesjs编辑器,它根本不把MJML转换成HTML。错误在插件的小代码中。

我正在使用版本

  • 0.18.4石墨
  • 0.6.0石墨-mjml

Chrome控制台

代码语言:javascript
复制
grapesjs-mjml.min.js:2 Uncaught TypeError: Cannot read properties of undefined (reading 'replace')
    at e.default (grapesjs-mjml.min.js:2:1267707)
    at e.default (grapesjs-mjml.min.js:2:10566)
    at d (grapesjs-mjml.min.js:2:1537200)
    at u (grapesjs-mjml.min.js:2:1576336)
    at Z.r.run (grapesjs-mjml.min.js:2:1576433)
    at Z.r.callRun (grapes.min.js:2:353040)
    at Object.runCommand (grapes.min.js:2:350114)
    at Object.run (grapes.min.js:2:349652)
    at Object.runCommand (grapes.min.js:2:883122)
    at EmailEditor.getHtml (EmailEditor.ts:132:28)
EN

回答 1

Stack Overflow用户

发布于 2022-05-17 06:17:29

问题在于包装mjml文档的<body>标记。您需要完全删除这个标签。关于gitgub的现有问题中的更多信息。

您的mjml代码如下:

代码语言:javascript
复制
<body>
  <mjml>
    <mj-head id="ilnn">
       <mj-raw>
       ...
  </mjml>
</body>

会是这样的。

代码语言:javascript
复制
<mjml>
  <mj-head id="ilnn">
    <mj-raw>
     ...
</mjml>

解决方案是重写包装器组件toHTML()方法。

代码语言:javascript
复制
const editor = grapesJS.init(editorConfig);

editor.getWrapper().toHTML = function(opts) {
  return this.getInnerHTML(opts);
};
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72269001

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档