html-email 相关问题

Python：使用 Stackoverflow 中的代码块将 Markdown 转换为 html

我几天来一直在尝试使用 Python 将 Markdown 文件转换为 HTML 代码 - 但没有成功。 Markdown 文件包含内联代码和代码块。 但是，我找不到解决方案

如何在 MailChimp 中嵌入视频？

我是 HTML/CSS 基础知识新手，正在尝试在 MailChimp 中嵌入视频，但遇到了问题。 当我使用 MailChimp 中的代码块嵌入 YouTube 视频时，如下所示： <p>我是 HTML/CSS 基础知识新手，正在尝试在 MailChimp 中嵌入视频，但遇到了问题。</p> <p>当我使用 MailChimp 中的代码块嵌入 YouTube 视频时，如下所示：</p> <p><pre><code>&lt;iframe width=&#34;560&#34; height=&#34;315&#34; src=&#34;https://www.youtube.com/embed/ABRwvcAtRNk&#34; frameborder=&#34;0&#34; allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&#34; allowfullscreen&gt;&lt;/iframe&gt;</code></pre></p> <p>它显示在屏幕上。但是，当我预览电子邮件时，视频就不会显示。 我想知道问题出在哪里以及如何使用 MailChimp 嵌入视频。</p> </question> <answer tick="false" vote="1"> <p><pre><code>&lt;iframe&gt;</code></pre>通常在电子邮件客户端中得不到很好的支持。看起来 Mailchimp 有一个特定的视频内容块可以在电子邮件中插入视频：<a href="https://mailchimp.com/en/help/add-video-to-a-campaign/" rel="nofollow noreferrer">https://mailchimp.com/en/help/add-video-to-a-campaign/</a></p> </answer> <answer tick="false" vote="0"> <p>将 YouTube 视频转码以在 Mailchimp 中自动播放非常棘手。为了绕过他需要手工制作的 HTMl，您可能需要查看负责视频转码的视频电子邮件平台，然后只需复制 HTML 片段并将其添加到 Mailchimp 内的 HTMl 块即可。您可以按照<a href="https://videoemail.video/mailchimp-video-email/" rel="nofollow noreferrer">视频电子邮件</a></p>上的指南进行操作 </answer> </body></html>

outlook365（Win10）中的条件评论

众所周知，Outlook 客户端（Win 版本）不使用 div，所以我必须使用表格。为了进行响应式设计，我尝试使用混合设计（如此处提到的https://www.litmus.com/blog/

Outlook 2010 覆盖字体系列，从 Arial 到 Times New Roman

我正在以编程方式发送 HTML 格式的电子邮件，并将字体始终设置为 Arial（字体系列：Arial；）。当邮件到达 Outlook 2010 时，表格元素中的文本采用 Times New ...

样式在 Gmail 中不起作用

我正在努力向各种电子邮件客户端（例如yahoo，hotmail，gmail，....）发送电子邮件。 我有一个 id 为 OrderInfo 的 div，里面有一个生成动态表的变量。 超文本标记语言 <...

即使使用内联 CSS，HTML 也无法在 Gmail 中正确显示

我正在使用 Thunderbird 向自己发送 HTML 电子邮件。作为测试，我已通过 Gmail 和 Zoho Mail 帐户尝试过此操作。结果是 Gmail 无法正确显示邮件。相反，

预览主题行中包含主题的文本

我想显示预览文本，主题位于主题行而不是电子邮件正文。在此之前，我显示了电子邮件的正文，主题行中包含主题。我正在使用 Golang AWS SES-v2 包...

如何删除 HTML 电子邮件顶部和底部的空格？

我想创建一封带有表格的 HTML 电子邮件。但我的问题是，当我将电子邮件从 Gmail 发送到 iCloud 电子邮件时，顶部和底部有一个我不想要的空白。 这是前任...

限制 Outlook 桌面应用程序中电子邮件表格内单元格的高度

如何限制 Outlook 桌面应用程序中电子邮件的表格单元格的高度？ 它在浏览器中显示良好。 在 Outlook 桌面应用程序中，标识符 #some-text 的所有文本都会增加...

对于 HTML 电子邮件开发：如何为移动和桌面视图分配不同的字体大小？

我正在尝试为客户制作一封响应式电子邮件，但他们想要针对桌面和移动设备使用不同的字体。通常我会为此使用媒体查询，它适用于我的 Dreamweaver 视图，但...

限制电子邮件表格内单元格的高度。 （展望）

如何限制 Outlook 电子邮件的表格单元格的高度？ 一切都在浏览器中显示良好。 但是，当电子邮件到达 Outlook 桌面应用程序时，所有文本均以标识符 #

如何限制 Outlook 电子邮件的表格单元格的高度

如何限制 Outlook 电子邮件的表格单元格的高度？ 一切都在浏览器中显示良好。 但是，当电子邮件到达 Outlook（桌面应用程序）时，整个文本都会显示...

OL Office 365 Dark for Windows 文本背后的背景

我有一封电子邮件可以在深色模式下正确渲染或逻辑翻转颜色，除了 OL Office 365 Dark for Windows 和 Outlook 2021 Dark for Windows 之外，有不同的翻转背景

如何在lettre builder中命名图像附件？

得到这个，我正在 Rust 中创建一个简单的脚本来触发和发送一封电子邮件，并在邮件正文中附加图像。 这是代码： HTML 标记：

使用 Python 发送 HTML 电子邮件

如何使用Python发送电子邮件中的HTML内容？我可以发送简单的短信。

HTML：Outlook 未呈现正确的邮件

这是我的 HTML 表代码，我没有在 Outlook 桌面应用程序中获得预期的输出，但它在 Web Outlook 中为我提供了完美的输出。 HTML 代码链接： 我需要的预期输出： 展望...

如何在雅虎和 AOL 邮件的电子邮件通讯设计中处理长单词

实际上我正在创建两栏的时事通讯设计，每栏分别有图像、标题和文本。目前，面临布局样式问题，我无法处理很长的时间

尝试在 MJML 中创建线性渐变边框。无法解决填充问题

想强调一下，我是 MJML 的新手 想强调一下，我是 MJML 的新手 <mjml> <mj-head> <mj-font name="Satoshi" href="https://fonts.cdnfonts.com/css/satoshi" /> <mj-attributes> <mj-text align="center" color="#555" /> <mj-section background-color="#fff" /> </mj-attributes> <mj-style inline="inline"> .leaf{ top: 0; right: 0; height:200px; } .text{ background-image: linear-gradient(to right, #6633cc, #f5c144); background-clip: padding-box, border-box; background-origin: border-box; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; border-radius:45px; } </mj-style> </mj-head> <mj-body background-color="#110c24"> <mj-section background-color="#110c24"> <mj-group> <mj-column> <mj-image width="100px" src="https://191n.mj.am/img/191n/3s/x01.png" /> </mj-column> <mj-column> <mj-image width="100px" src="https://191n.mj.am/img/191n/3s/x01.png" css-class="leaf" /> </mj-column> </mj-group> </mj-section> <mj-wrapper css-class="text" > <mj-section border-radius= "35px" background-color="rgba(36, 27, 75, 0.85)" padding:"20px"> <mj-column> <mj-text align="left" color="white" font-family="Satoshi" font-size="15px">Dear <span style="color: #ffd259"> John, </span></mj-text> <mj-text align="left" color="white" font-family="Satoshi" font-size="15px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</mj-text> <mj-text align="left" color="white" font-family="Satoshi" font-size="15px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.</mj-text> <mj-text align="left" color="white" font-family="Satoshi" font-size="15px"> Regards, <br /> <span style="color: #ffd259"> DeerHack Organizing Committee </span> </mj-text> </mj-column> </mj-section> </mj-wrapper> </mj-body> </mjml> 基本上，我已经实现了渐变边框，但我希望所有 4 个边的边框宽度都相同（从上到下，从左到右）。我使用背景图像来实现渐变边框效果。 还有一件事，我不确定此功能是否可行，但我希望带有“叶子”类的图像位于页面的右上角。由于绝对定位不可用，我不确定如何继续前进。 这一切的发生是因为 MJML 为大多数标签添加了默认填充，因此您必须使用 mj-all 标签将所有填充设置为默认 0。我解决了您的两个问题 - 请在下面检查它们： <mjml> <mj-head> <mj-font name="satoshi" href="https://fonts.cdnfonts.com/css/satoshi" /> <mj-style inline="inline"> .text > table > tbody > tr > td { border-radius: 45px !important; background: linear-gradient(to right, #6633cc, #f5c144) !important; } </mj-style> <mj-attributes> <mj-all padding="0" font-family="'satoshi', Helvetica, Arial, sans-serif" /> <mj-section background-color="#fff" /> <mj-text align="center" color="#555" line-height="20px" /> </mj-attributes> </mj-head> <mj-body background-color="#110c24"> <mj-wrapper padding="0px 20px"> <mj-section padding="40px 0px" background-color="#110c24"> <mj-group> <mj-column> <mj-image align="left" width="100px" src="https://191n.mj.am/img/191n/3s/x01.png" /> </mj-column> <mj-column> <mj-image align="right" width="100px" src="https://191n.mj.am/img/191n/3s/x01.png" /> </mj-column> </mj-group> </mj-section> <mj-section css-class="text" padding="20px" border-radius="45px" background-color="#110c24"> <mj-column padding="30px" border-radius="35px" background-color="rgba(36, 27, 75, 0.85)"> <mj-text align="left" color="white" font-size="15px">Dear <span style="color: #ffd259"> John, </span></mj-text> <mj-text padding="12px 0px" align="left" color="white" font-size="15px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</mj-text> <mj-text align="left" color="white" font-size="15px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.</mj-text> <mj-text padding-top="12px" align="left" color="white" font-size="15px"> Regards, <br /> <span style="color: #ffd259"> DeerHack Organizing Committee </span> </mj-text> </mj-column> </mj-section> </mj-wrapper> </mj-body> </mjml>

Outlook 中的 HTML 电子邮件模板背景颜色问题

我的 HTML 电子邮件模板背景颜色在 Outlook 中无法正确呈现。 我使用了不同的技术但仍然不起作用。 我已将整个部分包装到表格中并应用了背景...

HTML 电子邮件被空白包围（仅在移动设备上）

在 Outlook 或 GMail 应用程序等移动客户端上查看时，我的 HTML 邮件在实际邮件周围会出现空白。 正如您在这里所看到的，每一侧都有一些空白。 https://i.stack....