问题标签 [mjml]

我正在尝试安装 MJML ( https://mjml.io/ ) 并根据文档完成此操作：

sudo npm install mjml

给出的输出如下：

我已经创建了一个test.mjml文件，但是当我尝试编译它时：

mjml test.mjml -o output.html

它给：

我用谷歌搜索了这个问题，发现：

• https://github.com/mjmlio/mjml/issues/885
• https://github.com/mjmlio/mjml/issues/634
• https://github.com/mjmlio/mjml/issues/799

但这些似乎都没有帮助或适用于我的情况。

如果那里有人使用 MJML，请你帮忙吗？

我在 Mojave 10.14.2 下的 Mac 上运行它

如果我尝试which mjml它什么都没有。

可执行文件似乎存在，在/Users/andy/node_modules/mjml/bin. 如果我真的cd进入这个目录并运行mjml --version它会给出：

但是，如果我尝试mjml ~/Desktop/mjml/test.mjml -o output.html它说...

-bash: mjml: command not found

这在我看来没有意义，因为它可以执行mjml工作mjml --version。

我正在 docker 容器上开发一个 symfony 项目，我设置了一个使用 swiftmailer 并notfloran/mjml-bundle发送邮件的 Mailer 服务。mjml bndle 需要我安装在容器上的 mjml 二进制文件npm install mjml。在代码中：

问题是，当我请求通过 docker 容器发送邮件的功能时，没有错误，但它不发送邮件。但是当我启动一个服务器php -S adress -t public并请求发送邮件的功能时，邮件就被发送了。

编辑：我试图记录进程。在日志中有一个mjml binary not found但是当我进入容器时 mjml 命令有效

我正在尝试编译一个包含子文件夹的文件夹，每个子文件夹都有一个 .mjml 文件。此命令有效：mjml ./views/**/*.mjml.html.erb -o但是我似乎无法将输出设置为与初始文件位于同一目录中，每个子文件夹中的所有文件都将堆积在根目录中，如果我设置任何目录它显然会堆积在那里。

我尝试使用**等但无济于事。我认为可以为每个子文件夹运行单独的命令，但它会占用大量资源和时间，因此不可行。

我是电子邮件模板的新手，我正在使用 MJML 创建一个客户正在测试的模板，他们已经回复显示垂直显示的电子邮件文本的屏幕截图（每行一个字母）。

在 Gmail 中亲自测试电子邮件时，它们会按预期显示，因此我假设这是浏览器或电子邮件服务问题。

有没有办法确保电子邮件内容在所有电子邮件服务上显示相同？

因此，我正在尝试使用 MJML 框架编写时事通讯。它通常很棒，但我不确定如何在电子邮件正文中实现导航。我假设它将使用带有href 的锚标签来实现，该标签指向一个带有井号/井号的元素ID（例如<a href="#someElement">MyLink</a>和<someElement id="#someElement">。我的初步问题是MJML 似乎不支持元素的ID 属性。我知道 mjml nav 扩展，但是当我查看扩展时，它看起来更像是一个布局组件而不是功能组件。任何建议都值得赞赏。

I just have a quick question - I'm building out a email template using MJML and for some odd reason, Outlook keeps overwriting the bordering on the template which I don't know why.

MJML:

Ignore the inline styling for now - I will be cleaning up the template later.

Screenshot:

Outlook:

Any particular thing that I'm doing that causing outlook to render the borders as black? I can't seem to find anything online to help me out

因此，我正在使用 MJML 框架（顺便说一句，它非常棒）开发一个时事通讯，理想情况下我希望使用我们公司的 Mailchimp 帐户来分发它。我绝不会使用 MC，但我们的基础设施使用它们的形式，并且出于任何其他原因，我们宁愿保留 MC 而不是切换。

我开始遇到的问题是不同的电子邮件平台似乎正在以不同的方式处理 MJML 输出的 HTML。Putsmail 的渲染似乎最接近我的预期，但 Mailchimp 和莫名其妙的 Mailjet 都有各自独立的渲染问题。

使用 Mailchimp，我遇到的主要问题是我的英雄部分在 Outlook 365 中呈现不正确，图像放置不正确。我确信这是一个 Mailchimp 问题，因为 Outlook 正确呈现了 Putsmail 和 Mailjet 部分。所以，我想知道是什么让 MC 在我的 HTML 上窒息，我该如何弥补这一点？

编辑：

相关部分的修剪 HTML：

同一部分的乱码 Mailchimp HTML：

我在使用 webpacker 的 Rails 应用程序上。

我有一个入口文件，其开头如下：

我安装MJML了 yarn，以及grapesjs-mjml应用程序的 nodes_modules 文件夹。

我不断收到未捕获的错误：Cannot find module "."由import mjml2html from 'mjml'grapesjs-mjml 模块内部引起。

我尝试了我能想到的一切。包括一堆 babel 插件。

我正在使用所有grapesjs-mjml 开发依赖项。这是我的 package.json：

我的 Rails 开发 webpack 配置如下：

我收到 webpac-server 报告的警告，但我认为它不相关：

有人知道我应该怎么做吗？

我正在尝试将 mjml 容器居中，但将文本分配给左调整。

我一直在玩各种标签align="center"，text-align但似乎找不到解决方案。

在我的示例代码中， usingalign="center"将输入文本移动到屏幕中间（太棒了！），但没有任何东西可以强制文本向左调整。

我正在尝试实现一个使用 mjml 字体的电子邮件模板，我不知道该怎么做。我尝试使用如下 CDN：

但是，这不起作用。谁能告诉我如何最好地做到这一点？