editor css 충돌 피하는 방법(초간단) 정보
editor css 충돌 피하는 방법(초간단)본문
안녕하세요.
퍼블리싱 완료 후 여러 이유에서 editor로 작성된 글의 스타일시트가 충돌나서 에디터에서처럼 보이지 않는 경우가 발생합니다.
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset-context/cssreset-context-min.css">
이거 임포트해주시고,
에디터의 내용이 뿌려지는 div의 class에 'yui3-cssreset' 클래스 추가해주시면,
CSS가 리셋되어 기존 글로벌 스타일시트에 영향을 단절시키고, 에디터에서 입력한 대로 제대로 나옵니다.
다양한 리셋 툴이 있지만, 개인적으로 이게 제일 깔끔한거 같네요.
*중복시 삭제합니다.
ref.
http://yuilibrary.com/yui/docs/cssreset/
(BSD License)
퍼블리싱 완료 후 여러 이유에서 editor로 작성된 글의 스타일시트가 충돌나서 에디터에서처럼 보이지 않는 경우가 발생합니다.
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset-context/cssreset-context-min.css">
이거 임포트해주시고,
에디터의 내용이 뿌려지는 div의 class에 'yui3-cssreset' 클래스 추가해주시면,
CSS가 리셋되어 기존 글로벌 스타일시트에 영향을 단절시키고, 에디터에서 입력한 대로 제대로 나옵니다.
다양한 리셋 툴이 있지만, 개인적으로 이게 제일 깔끔한거 같네요.
*중복시 삭제합니다.
ref.
http://yuilibrary.com/yui/docs/cssreset/
(BSD License)
추천
0
0
댓글 8개
하나 배우고 갑니다.^^ 감사드립니다.
좋은 팁이네요,
감사합니다.
감사합니다.
정말 유용한 팁이네요.^^
감사합니다.
감사합니다.
감사합니다.
하나 배우고 갑니다.^^ 스크랩 고고
좋은 정보 감사합니다.
감사합니다
감사합니다.