테스트 사이트 - 개발 중인 베타 버전입니다

editor css 충돌 피하는 방법(초간단)

· 9년 전 · 12206 · 8
안녕하세요.

퍼블리싱 완료 후 여러 이유에서 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개

하나 배우고 갑니다.^^ 감사드립니다.
9년 전
좋은 팁이네요,
감사합니다.
정말 유용한 팁이네요.^^
감사합니다.
감사합니다.
하나 배우고 갑니다.^^ 스크랩 고고
7년 전
좋은 정보 감사합니다.
6년 전
감사합니다
감사합니다.

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168