HTML vers email

Il a été difficile d'envoyer des e-mails en utilisant la mise en page HTML car la plupart des éléments et des propriétés CSS ne sont pas compatibles dans la plupart des clients de messagerie. Vous pouvez les consulter ici.

Bien qu'il existe de nombreux e-mails composant des frameworks ou des bibliothèques, vous devez utiliser ou étendre des composants prédéfinis tels que la carte, le titre, l'image, etc. Bien qu'il soit plus fiable si vous souhaitez envoyer des e-mails car tout est optimisé pour la plupart des clients de messagerie, vous souhaiterez probablement utiliser votre élément HTML existant.

Donc, dans ce but, j'ai développé cette bibliothèque.

Vous pouvez consulter la démo ici.

Cet article n'est qu'une introduction à ma bibliothèque et je couvrirai les idées intuitives dans le fichier README.md du référentiel github.

Commençons.

Installation

Choisissez l'une des méthodes suivantes.

• NPM

npm install html-to-table

• Module ESM Github

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

Initialisation

let html2table = new HTML2Table;

Convertissez votre élément

Il renvoie un élément de table similaire à l'élément donné.
Il convertit également l'élément SVG en élément Img.

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

Facultatif : vous pouvez exclure les éléments du processus de conversion.

Utilisez ExcludeElementByPattern en passant le modèle d'expression régulière sous forme de chaîne.

html2table.excludeElementByPattern('toolbar')

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

C'est tout.

Je continuerai à développer la bibliothèque pour gérer davantage de mises en page et de scénarios.

Veuillez envisager de donner une étoile à la bibliothèque si vous la trouvez utile.

Lien Github : https://github.com/w99910/html-to-table

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!