이메일 발송용 html 맨들기
쓸만한지식 2012. 2. 6. 17:20
개발하다 보면 메일보내는 기능을 만들어 줘야 하는 경우가 많이 있다.
html 메일을 발송하는건 뭐 그냥저냥 하면 되는데
문제는 발송하는 html 문서에 css 를 적용시키지 못해서 간편한 css 대신, html 태그에 인라인으로 style 을 따로 따로 지정해 줘야 한다는 후진 문제점이 있다.
어떤 메일 서비스에서는 <style></style> 이 적용되서 잘 나오는데 또 어떤데서는 css 가 하나도 적용이 안되서
원초적인 모냥의 메일 내용이 튀어나온다.
이렇게 되면 안되니까 메일로 보내는 html 에서 css 로 스타일을 적용하면 안될것 같고 싹다 인라인으로 스타일을 적용시켜야 한다.
하지만 몇번 해보면 알겠지만 드럭게 헷깔리고 완전 노가다임이 틀림없다.
하지만!!! 역시 이 세상에는 똑똑한 사람들이 많이 존재함을 믿고, 고 작업을 우째 잘 쉽게 해결해 주는것이 존재하리라 굳게 믿고
구글에게 html email css 을 찾아달라고 부탁해 보았다. 역시 무엇인가 잘 튀어나온다.
튀어나온것들중에 뭐 설치도 필요없고 웹상으로 바로 html 을 변환해 주는
http://www.pelagodesign.com/sidecar/emogrifier/ 요런 사이트를 찾았다.
접속해 보면 으음~ 뭐하는건지, 우째 사용하는건지 대뜸 파악할수 있게 인터페이스도 쉽게 구성돼 있다.
css 입력란에 css 들을 뽓 입력하고
html 입력란에 html 코드를 뽓 입력한다음 Emogrify! 버튼을 뽓 눌러보자!!!
와우~!! 그동안 삽질하면서 맨들었던 인라인 스타일의 html 코드를 알아서 뽓 생성해 준다~
이제 이메일 html 삽질안녀엉~~~
※ 다운받아서 직접 로컬에 설치할수도 있다. php 를 돌릴수 있는게 있으면 다운받아서 설치해서 써도 된다~
html 메일을 발송하는건 뭐 그냥저냥 하면 되는데
문제는 발송하는 html 문서에 css 를 적용시키지 못해서 간편한 css 대신, html 태그에 인라인으로 style 을 따로 따로 지정해 줘야 한다는 후진 문제점이 있다.
어떤 메일 서비스에서는 <style></style> 이 적용되서 잘 나오는데 또 어떤데서는 css 가 하나도 적용이 안되서
원초적인 모냥의 메일 내용이 튀어나온다.
이렇게 되면 안되니까 메일로 보내는 html 에서 css 로 스타일을 적용하면 안될것 같고 싹다 인라인으로 스타일을 적용시켜야 한다.
하지만 몇번 해보면 알겠지만 드럭게 헷깔리고 완전 노가다임이 틀림없다.
하지만!!! 역시 이 세상에는 똑똑한 사람들이 많이 존재함을 믿고, 고 작업을 우째 잘 쉽게 해결해 주는것이 존재하리라 굳게 믿고
구글에게 html email css 을 찾아달라고 부탁해 보았다. 역시 무엇인가 잘 튀어나온다.
튀어나온것들중에 뭐 설치도 필요없고 웹상으로 바로 html 을 변환해 주는
http://www.pelagodesign.com/sidecar/emogrifier/ 요런 사이트를 찾았다.
접속해 보면 으음~ 뭐하는건지, 우째 사용하는건지 대뜸 파악할수 있게 인터페이스도 쉽게 구성돼 있다.
css 입력란에 css 들을 뽓 입력하고
html 입력란에 html 코드를 뽓 입력한다음 Emogrify! 버튼을 뽓 눌러보자!!!
와우~!! 그동안 삽질하면서 맨들었던 인라인 스타일의 html 코드를 알아서 뽓 생성해 준다~
이제 이메일 html 삽질안녀엉~~~
※ 다운받아서 직접 로컬에 설치할수도 있다. php 를 돌릴수 있는게 있으면 다운받아서 설치해서 써도 된다~
'쓸만한지식' 카테고리의 다른 글
T-GATE 주문확인 페이지가 안뜰때(IE9) (8) | 2012.02.21 |
---|---|
java.lang.IllegalStateException: Form too large xxx>200000 익셉션이 발생할때. (0) | 2012.02.09 |
ERWin 으로 테이블 생성 스크립트 생성하기 (5) | 2011.12.09 |
북앤라이프 캐쉬 예스24 에서 사용하는 방법 (4) | 2011.11.29 |
크롬 최신버전 15.0.874.121 for Chrome Stable 다운로드 직링크(11.11.17) (0) | 2011.11.18 |