찾다

 >  Q&A  >  본문

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

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

某草草某草草2754일 전704

모든 응답(4)나는 대답할 것이다

  • 巴扎黑

    巴扎黑2017-05-18 10:55:51

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

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

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

    회신하다
    0
  • PHP中文网

    PHP中文网2017-05-18 10:55:51

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

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

    회신하다
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-18 10:55:51

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

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

    회신하다
    0
  • 世界只因有你

    世界只因有你2017-05-18 10:55:51

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

    예:

    으아아아

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

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

    그런 다음 ^s*"

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

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

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

    태그가 많으면

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

    회신하다
    0
  • 취소회신하다