问题标签 [mjml]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - MJML.io 和电子邮件内联 CSS - 在元素级别是否需要重复样式?
我正在为客户准备一个新的电子邮件模板。我希望它对移动设备友好,并且在尽可能多的电子邮件客户端/浏览器中看起来不错。在网上看了下,MJML.io 似乎很受欢迎,在研究这个主题时被推荐。
我要使用 Bootstrap 查找电子邮件。我是第一次使用 MJML。它非常漂亮,我只是想知道它生成的 HTML。
我想指出,我非常了解 HTML。我知道所有的代码是什么,做什么。我不知道 100% 它对各种电子邮件客户端/浏览器的影响以及它们如何处理呈现电子邮件的 HTML。所以我可以把这段代码清理干净,去掉多余的内联样式,让我的强迫症快乐。但是,我不想破坏响应能力。即:我不想删除多余的样式并破坏 Outlook,或破坏 Yahoo 等。
下面是一个例子。有一张主桌,里面有另一张桌子。我明白了。那么整个表格只是为了一个空行?然后我们有一个包含许多 TR 的表。我也明白。但是,有p
一个定义了样式的标签,然后span
在它的内部设置了另一个样式。似乎是多余的。此外,它还多次定义了基本字体。
我可以通过在 parent 中设置字体系列、字体大小、字体颜色来简化这一点table
吗?或者是否有某种原因在最低元素级别多次定义它?我看看这个,我只想在正文、第一个 div 或主表中设置一个基本字体,p 用于文本设置,然后span
s 用于当我需要不同的大小、重量、颜色等时。
我只是不知道这是否是电子邮件客户端兼容性魔法酱的一部分,我不想打破它哈哈。CSS、头部等都是来自 MJML.io 的库存,我知道有些客户会去掉头部,这意味着那里的样式将被忽略。所以我没有包括它,只是下面重要的部分:
--
我想清理它,从主体和内部 div 开始,通过设置字体、背景、填充等一次......
另一个例子,它将字体大小设置为 0,然后在子元素中设置实际字体大小,声明填充两次.. 到底是什么:
asp.net - 从 asp.net Web API 调用 nodejs 脚本
我们目前有一个使用 ASP.NET Web API 构建的 REST API,它托管在 Azure 上。
我们的一种方法需要使用 MJML 语言编译电子邮件模板。唯一的问题是没有用于 MJML 的 asp.net 编译器,它是用 Node.js 编写的,除了在 gulp 中使用它作为我们构建过程的一部分之外,我们这里没有人知道任何关于 node 的信息。
所以我想问题是,是否有一种简单的方法(最好是在 Azure 上)使用可以从我们的 Web API 调用的端点来托管节点脚本并返回已编译的模板。
为了清楚起见,我不是在问如何使用 MJML 或它的编译器,而是在问如何托管用 Node 编写的脚本并轻松地从中发送和接收数据。将其保留在 Azure 中将是一个奖励。
非常感谢。
html - 在移动设备上更改时事通讯标题图片
我用 mjml 框架做了一个时事通讯。我必须更改移动设备上的标题图像,但是如何更改?该框架对于制作防弹通讯非常有帮助,但不支持不同视口的不同图像。
这是标题代码:
谢谢你的支持
php - 有没有办法在 PHP 中运行 MJML?
我正在尝试使用 MJML 创建动态电子邮件内容。(官方网站)
首先,这个应用程序是在Windows上运行的,所以没有办法在机器上运行官方编译器。我可能会使用官方的在线编辑器,但它只会删除所有无法识别的语法,包括 PHP 标签,如<?php
. 问题页面上提到了类似的问题,但他们建议使用<mj-raw>
,这不适用于属性。(或者我需要自己编写所有组件......那么使用 MJML 有什么意义?)
PHP 中是否有其他 MJML 编译器?就像在 PHP 中编译 LESS 的 less.php 一样?
mjml - MJML 中的响应性
在使用 MJML 创建电子邮件模板时,它在电子邮件模板中提供了轮播功能。这是他们示例中的代码。(icon-width
并由tb-width
我添加)
如您所见,该属性tb-width
控制轮播缩略图的宽度,我想tb-width
在它进入移动屏幕时将其值更改为更小,否则我将不得不在所有屏幕尺寸上坚持一个值。
我试过这个:
然后我根据官方文档尝试了这个
以上代码均无效。
你们如何解决这个问题?提前致谢。
javascript - 反应 JS | 渲染多个元素
我正在尝试使用 MJML 电子邮件库在 React 中创建电子邮件。它跑掉了反应,我已经全部工作了,但我需要渲染 2 个部分而不是 1 个。当我渲染 1 时,它不会正确显示在网页上,因为我需要它们的大小不同。
当我尝试将元素包装在数组中时,返回变为空,取出其中一个部分并返回。
任何帮助将不胜感激,这是代码。
email - mailjet mjml 空白数组引发错误
mailjet mjml 空白数组引发错误
在我的 var:low_price_low_stock_goods 是空数组中,循环不应该执行但它会抛出错误:“var:low_price_low_stock_goods”没有值
php - FOSUserBundle - 电子邮件呈现问题:
标签在 html 正文之前弹出
首先,电子邮件工作得很好。
我只是在 password_resetting.email.twig 和 email.html.twig (用于确认您的注册电子邮件)的渲染问题。
我只是想弄清楚如何摆脱<br>
在我的模板中的 HTML 代码之前弹出的这些标签。(见下面的代码或截图)
我完全按照文档(symfonydoc:FOSUserBundle/emails.html)中所写的内容进行了操作。
我测试了有和没有:
我使用 MJML 框架编写了我的 HTML 电子邮件。我想了一会儿,MJML CLI 没有正确呈现它。因此,我使用在 github ( https://github.com/leemunroe/responsive-html-email-template ) 上随机选取的基本 HTML 模板进行了测试,但<br>
标签仍然弹出。
注意:如果我只使用 {% block body_text %} 就没有额外的<br>
标签。它仅在我使用 {% block body_html %} 时发生。
它来自 FOSUserBundle 吗?关于我缺少什么的任何想法?
在以下环境中测试:- OSX 10.12.4:Spark 客户端和邮件客户端,在 Google、Gmail 和 Outlook 的收件箱中的 Chrome 上。 - iOS10:Spark 和邮件
如果需要,我的 HTML.twig 模板带有假数据
html - 是否可以在响应式 HTML 电子邮件中使按钮粘在行的底部?
是否可以在响应式HTML电子邮件中将按钮粘贴到列的底部?
目前我正在使用 MJML 并能够在桌面版本上实现它。像这样的东西:(这就是我想要的,所以停止给出导致不同桌面输出的答案然后如下)
问题是在移动视图中,按钮没有与文本保持一致。
我正在使用 MJML,但也欢迎需要原始 HTML 和 CSS 的答案,只要它适用于所有主要的电子邮件客户端。