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中文網其他相關文章！