javascript - 외부에서 가져온 모든 CSS를 인라인 스타일로 변환할 수 있는 좋은 도구나 플러그인이 있습니까?

Question

우리 모두 알고 있듯이 이메일은 인라인 스타일이 있어야 효과적입니다.
웹 페이지의 모든 외부 스타일은 소위 이메일 템플릿이라는 내부 스타일로 변환되어야 합니다.

Answer 1

https://github.com/Rozbo/html...

html-packer는 html의 <script>, <link> 및 <img>(*.svg 소스 포함) 태그를 html-self로 가져올 수 있습니다.
그 외에도 압축할 수도 있습니다. 최소화합니다.

아직 사용해보지는 않았지만 소개에 따르면 이 플러그인은 CSS뿐만 아니라 사진, svg도 변환할 수 있다고 합니다. 직접 테스트해보세요. . .

Answer 2

https://www.google.com/#safe=...

github에 많이 있어요. . 구글에 검색해 보세요

Answer 3

이것이 도움이 될 것입니다. 꿀꺽꿀꺽 플러그인gulp-inline-css

https://www.npmjs.com/package...

Answer 4

플러그인에 대해서는 잘 모르지만
하지만 CSS를 아무 편집기에나 넣을 수 있습니다
그런 다음 텍스트를 정규식으로 바꿀 수 있습니다
스타일을 내부 스타일 형식으로 변경하면 됩니다

예:

으아아아

먼저 클래스 이름 줄로 이동하세요: .*{n 그리고 그것을 ``null 문자.*{n 替换为``空字符
在去掉 } 为 空
然后匹配 ^s* 为 "
去: 为=
去n
...

直到变成你想要的內联样式的格式：
style="width=300;height=500px"Remove}로 바꿔서 비우세요

그런 다음 ^s*를 "

로 이동: 의 경우 =
n으로 이동
...

원하는 인라인 스타일의 형식이 될 때까지:
style="width=300;height=500px"

태그가 많지 않으면 하나씩 복사해서 추가하면 됩니다.

태그가 많으면

위의 모든 과정을 js에 작성하고, 클래스 이름을 통해 해당 태그를 일치시킨 후, 해당 스타일을 추가하세요🎜 🎜그런데🎜이거 템플릿 플러그인 스크립트라고 부르는 거 아닌가요🎜직접 묻는 것보다 남에게 부탁하는 게 더 낫습니다🎜 🎜행운을 빕니다🎜