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년 전 | 4426 | ||
| 594 | 9년 전 | 11799 | ||
| 593 | 9년 전 | 7762 | ||
| 592 | 9년 전 | 9271 | ||
| 591 | 9년 전 | 5746 | ||
| 590 | 9년 전 | 6586 | ||
| 589 | 9년 전 | 7698 | ||
| 588 | 9년 전 | 10039 | ||
| 587 | 9년 전 | 6218 | ||
| 586 |
|
9년 전 | 11861 | |
| 585 | 9년 전 | 20009 | ||
| 584 |
병원에서일해요
|
9년 전 | 12049 | |
| 583 | 9년 전 | 10146 | ||
| 582 | 9년 전 | 6118 | ||
| 581 | 9년 전 | 11509 | ||
| 580 | 9년 전 | 7337 | ||
| 579 |
sahara
|
9년 전 | 6633 | |
| 578 |
|
9년 전 | 16920 | |
| 577 |
|
9년 전 | 8025 | |
| 576 |
|
9년 전 | 8757 | |
| 575 |
|
9년 전 | 9315 | |
| 574 |
병원에서일해요
|
9년 전 | 6999 | |
| 573 | 9년 전 | 17196 | ||
| 572 | 9년 전 | 9604 | ||
| 571 | 9년 전 | 7411 | ||
| 570 | 9년 전 | 8776 | ||
| 569 | 9년 전 | 6741 | ||
| 568 | 9년 전 | 17237 | ||
| 567 | 9년 전 | 18441 | ||
| 566 | 9년 전 | 9391 | ||
| 565 | 9년 전 | 7665 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기