html-email 相关问题

大家好，我正在使用 CKEditor (react) 来编辑和创建要通过发送网格邮寄的内容。示例内容是这样的： Netflix 计划提高价格... 大家好，我正在使用 CKEditor (react) 来编辑和创建要通过发送网格邮寄的内容。内容举例是这样的： <ul><li>Netflix plans to raise prices of ad-free tier following Actor’s Strike （链接） Details on timing and increase are still limited: It is still not known how much Netflix will raise prices by or when exactly the new prices will take effect, but the WSJ report says "a few months" after the strike ends </li> <li> Discussing raising prices in several markets globally, but will likely begin with the US and Canada </li> <li> Could represent the first price increase this year: Netflix last raised its prices in January 2022; The monthly cost for its basic plan for US customers rose $1 to $9.99, while its standard plan incr’d to $15.49 from $13.99 and the premium plan to $19.99 from $17.99 </li> <li> WGA noted that cost of their new contract will amount to 0.2% of Netflix’s annual revenue (<a href="https://www.thewrap.com/wga-strike-contract-studio-costs/">link</a>): Under the new WGA contract, Netflix would pay up an additional $6mn, or 0.2% of its $31.6bn annual revenue; It remains to be seen how negotiations will shape up with the Screen Actor’s Guild and the impact it will have on the streamers’ financials    </li> </ul> </li> <li> 这里，当 li 元素嵌套时，在 Microsoft Outlook 中打开内容时，内部 li 元素后面的空格将被删除。如果我们在 Gmail 中打开邮件，看起来不错。如何在列表嵌套中引入空格？我尝试将内联 css 样式设置为 <li style ="margin-top : 10px;"></li> 我还尝试用 标签代替   我还尝试在 sendgrid 邮件模板中添加自定义样式，如下所示 <style>ul li ul li:last-child {margin-bottom: 10px;}</style> 上述解决方案均未按预期工作。 Outlook 在列表上应用间距的方式有点奇怪。在单个级别上（因此，不是嵌套的），第一个 <li> 的 margin-top 控制列表上方的间距，最后一个 <li> 的 margin-bottom 控制列表下方的间距。 IE。不是 <ul> 或 <ol> 上的边距。对于嵌套列表，在我刚才的测试中，是一样的。我测试了这个并且它有效： <ul> <li>And things here <ul> <li>one</li> <li>two</li> <li style="margin-bottom:50px;">three</li> </ul> </li> <li>And another story here <ul> <li>second list</li> <li>second two</li> <li>second three</li> </ul> </li> </ul> 或者，由于 Outlook 不接受像 :last-child (https://www.caniemail.com/features/css-pseudo-class-last-child/) 这样的花哨 CSS，您可以尝试向最后一个列表项并向其添加 margin-bottom ？但是为了在电子邮件客户端之间保持一致，您可能会发现有一个空白段落更容易——您只需稍稍有所不同即可：   有时，是编辑器本身删除了它认为的空白区域。在这种情况下，上面的方法仍然可以工作，或者，您可以尝试使用一些奇特的字符，例如 &zwnj;（零宽度非连接符），这些字符通常不会被删除。

html reactjs ckeditor html-email ckeditor5

回答 1 投票 0

Outlook 邮件项目中的 VSTO 和 html 正文

我目前正在开发一个VSTO项目并修改mailItem（HTMLBody）的HTML内容。修改后，原来的HTML + mod然后转换为臭名昭著的WORD HTML（带有负载...

c# outlook vsto html-email office-addins

回答 1 投票 0

基于网络的电子邮件客户端（例如 Gmail）是否尊重链接预取？

https://caniuse.com/?search=prefetch 描述了将以下内容放置在 HTML 页面的部分中：完成大部分基于 Web 的 HTML...

html gmail html-email email-client link-prefetch

回答 1 投票 0

HTML 电子邮件 - 基于设备的文本响应

我有一个电子邮件模板，效果很完美，但我正在寻求增强它。目前，电子邮件顶部的导航栏有 4 列文本。为了让它在桌面和移动设备上都看起来不错......