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개
9년 전
하나 배우고 갑니다.^^ 감사드립니다.
9년 전
좋은 팁이네요,
감사합니다.
감사합니다.
9년 전
정말 유용한 팁이네요.^^
감사합니다.
감사합니다.
9년 전
감사합니다.
8년 전
하나 배우고 갑니다.^^ 스크랩 고고
7년 전
좋은 정보 감사합니다.
실드앤소드1
6년 전
감사합니다
Bsori
4년 전
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4429 | ||
| 2544 | 12개월 전 | 945 | ||
| 2543 | 12개월 전 | 843 | ||
| 2542 | 12개월 전 | 747 | ||
| 2541 | 12개월 전 | 775 | ||
| 2540 | 1년 전 | 1187 | ||
| 2539 | 1년 전 | 1021 | ||
| 2538 | 1년 전 | 1006 | ||
| 2537 |
 수평선1203 |
1년 전 | 842 | |
| 2536 | 1년 전 | 1227 | ||
| 2535 |
 Jsworks |
1년 전 | 783 | |
| 2534 |
수평선1203 |
1년 전 | 889 | |
| 2533 |
거북이와두루미
|
1년 전 | 1663 | |
| 2532 | 1년 전 | 798 | ||
| 2531 | 1년 전 | 675 | ||
| 2530 | 1년 전 | 720 | ||
| 2529 | 1년 전 | 1064 | ||
| 2528 |
 p0wer |
1년 전 | 557 | |
| 2527 | 1년 전 | 1135 | ||
| 2526 | 1년 전 | 746 | ||
| 2525 | 1년 전 | 1110 | ||
| 2524 | 1년 전 | 912 | ||
| 2523 | 1년 전 | 1339 | ||
| 2522 | 1년 전 | 958 | ||
| 2521 | 1년 전 | 1310 | ||
| 2520 | 1년 전 | 1189 | ||
| 2519 | 1년 전 | 1060 | ||
| 2518 |
Lemios
|
1년 전 | 869 | |
| 2517 | 1년 전 | 955 | ||
| 2516 | 1년 전 | 1703 | ||
| 2515 | 1년 전 | 847 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기