HTML から電子メールへ

ほとんどの要素と CSS プロパティはほとんどの電子メール クライアントで互換性がないため、HTML レイアウトを使用して電子メールを送信するのは困難でした。ここで確認できます。

フレームワークやライブラリを構成するメールはたくさんありますが、カード、タイトル、画像などの事前定義されたコンポーネントを使用または拡張する必要があります。ほとんどの電子メール クライアント向けに最適化されているため、電子メールを送信する場合は最も信頼性が高くなりますが、既存の HTML 要素を使用することもできます。

そのような目的のために、私はこのライブラリを開発しました。

ここでデモをチェックできます。

この記事は私のライブラリの単なる紹介であり、github リポジトリの README.md ファイルにある直感的なアイデアについて説明します。

始めましょう。

インストール

次のいずれかの方法を選択します。

• 故宮

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'));

オプション: 変換プロセスで要素を除外できます。

正規表現パターンを文字列として渡して excludeElementByPattern を使用します。

html2table.excludeElementByPattern('toolbar')

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

以上です。

より多くのレイアウトとシナリオを処理できるようにライブラリの開発を続けます。

役立つと思われる場合は、ライブラリに星を付けることをご検討ください。

Github リンク: https://github.com/w99910/html-to-table

以上がHTML から電子メールへの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。