首页 > 解决方案 > 无法将网页转换为 HTML 电子邮件

问题描述

代码 -我已将此网页作为电子邮件模板 -

http://9e7977116632.ngrok.io/test2

开发者级别 -接近初学者

问题 - 如何将其转换为 HTML 电子邮件格式?

我应该在代码中进行哪些更改,以便获得与电子邮件友好的相同结构。

我尝试过的一切 -
我尝试过复制粘贴整个页面以及电子邮件客户端中的代码,但它不起作用。邮件都被破坏了。

正在使用的其他技术 - NodeJS、node-mailer、express、ejs

标签: htmlnode.jsemailhtml-emailnodemailer

解决方案


因此,除非您知道自己在做什么,否则您将无法简单地将前端代码放入电子邮件格式。

SVG 可以在电子邮件中使用,但是您需要知道如何添加回退等。例如,您的 SVG 在 Gmail(桌面和移动)和 Outlook 2016 中出现故障。

Div 在电子邮件中工作,但是您可能希望查看在这些上设置宽度或最大宽度,并为 Outlook 设置最大宽度。内联你的 CSS 也是一件好事。

这里有两个非常好的、最新的关于构建电子邮件的方法。其次可能与您的代码更相关:

  1. 从头开始构建 HTML 电子邮件模板 - https://webdesign.tutsplus.com/articles/build-an-html-email-template-from-scratch--webdesign-12770
  2. 创建一个简单的响应式 HTML 电子邮件 - https://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978

推荐阅读