HTML 到电子邮件

使用 HTML 布局发送电子邮件一直是一个挑战，因为大多数元素和 CSS 属性在大多数电子邮件客户端中都不兼容。您可以在这里查看它们。

虽然有很多电子邮件编写框架或库，但您必须使用或扩展预定义的组件，例如卡片、标题、图像等。虽然如果您想发送电子邮件，它是最可靠的，因为它已针对大多数电子邮件客户端进行了优化，但您可能希望使用现有的 html 元素。

因此，为了这个目的，我开发了这个库。

您可以在此处查看演示。

本文只是对我的库的介绍，我将在 github 存储库的 README.md 文件中介绍直观的想法。

让我们开始吧。

安装

选择以下方法之一。

• NPM

npm install html-to-table

• Github ESM 模块

import HTML2Table from 'https://github.com/w99910/html-to-table/blob/master/dist/html-to-table.js'

• Github CJS

const HTML2Table = require('https://github.com/w99910/html-to-table/blob/master/dist/html-to-table.cjs')

初始化

let html2table = new HTML2Table;

转换你的元素

它返回一个与给定元素相似的表元素。
它还将 SVG 元素转换为 Img 元素。

html2table.convert(document.querySelector('your-element-to-convert'));

可选：您可以在转换过程中排除元素。

通过将正则表达式模式作为字符串传递来使用 exceptElementByPattern。

html2table.excludeElementByPattern('toolbar')

// or
html2table.excludeElementByPattern('(toolbar|title)')

仅此而已。

我将继续开发该库以处理更多布局和场景。

如果您觉得该库有用，请考虑给它一颗星。

Github链接：https://github.com/w99910/html-to-table

以上是HTML 到电子邮件的详细内容。更多信息请关注PHP中文网其他相关文章！