이메일로 HTML

대부분의 이메일 클라이언트에서는 대부분의 요소와 CSS 속성이 호환되지 않기 때문에 HTML 레이아웃을 사용하여 이메일을 보내는 것이 어려웠습니다. 여기서 확인하실 수 있습니다.

프레임워크나 라이브러리를 구성하는 이메일이 많지만 카드, 제목, 이미지 등과 같은 미리 정의된 구성 요소를 사용하거나 확장해야 합니다. 대부분의 이메일 클라이언트에 최적화되어 있기 때문에 이메일을 보내려는 경우 가장 안정적이지만 기존 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'));

선택사항: 변환 프로세스에서 요소를 제외할 수 있습니다.

정규식 패턴을 문자열로 전달하여 includeElementByPattern을 사용하세요.

html2table.excludeElementByPattern('toolbar')

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

그게 다입니다.

더 많은 레이아웃과 시나리오를 처리할 수 있도록 라이브러리를 계속 개발하겠습니다.

도서관이 유용하다고 생각하시면 별점을 주세요.

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

위 내용은 이메일로 HTML의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!