HTML Ke E-mel

Memang sukar untuk menghantar e-mel menggunakan reka letak HTML kerana kebanyakan elemen dan sifat CSS tidak serasi dalam kebanyakan klien e-mel. Anda boleh menyemaknya di sini.

Walaupun terdapat banyak e-mel yang mengarang rangka kerja atau perpustakaan, anda perlu menggunakan atau melanjutkan komponen yang dipratentukan seperti Kad, Tajuk, Imej dan sebagainya. Walaupun ia paling boleh dipercayai jika anda ingin menghantar e-mel kerana semuanya dioptimumkan untuk kebanyakan klien e-mel, anda mungkin mahu menggunakan elemen html sedia ada anda.

Jadi, untuk tujuan tersebut, saya telah membangunkan perpustakaan ini.

Anda boleh lihat demo di sini.

Artikel ini hanyalah pengenalan kepada perpustakaan saya dan saya akan membincangkan idea intuitif dalam fail README.md repositori github.

Mari kita mulakan.

Pemasangan

Pilih salah satu kaedah berikut.

• NPM

npm install html-to-table

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

Inisialisasi

let html2table = new HTML2Table;

Tukar elemen anda

Ia mengembalikan elemen jadual yang serupa dengan elemen yang diberikan.
Ia juga menukar elemen SVG kepada elemen Img.

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

Pilihan: anda boleh mengecualikan elemen dalam proses penukaran.

Gunakan excludeElementByPattern dengan menghantar corak regex sebagai rentetan.

html2table.excludeElementByPattern('toolbar')

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

Itu sahaja.

Saya akan terus membangunkan perpustakaan untuk mengendalikan lebih banyak reka letak dan senario.

Sila pertimbangkan untuk memberi pustaka bintang jika anda rasa ia berguna.

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

Atas ialah kandungan terperinci HTML Ke E-mel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!