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)
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
감사합니다.
감사합니다.