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년 전 | 4402 | ||
| 2634 | 6개월 전 | 608 | ||
| 2633 | 6개월 전 | 598 | ||
| 2632 |
 bank365 |
6개월 전 | 508 | |
| 2631 | 6개월 전 | 568 | ||
| 2630 |
세르반데스
|
6개월 전 | 538 | |
| 2629 | 6개월 전 | 726 | ||
| 2628 | 6개월 전 | 412 | ||
| 2627 | 6개월 전 | 416 | ||
| 2626 |
이슈DEV
|
7개월 전 | 636 | |
| 2625 |
welcome
|
7개월 전 | 645 | |
| 2624 |
이슈DEV
|
7개월 전 | 449 | |
| 2623 | 7개월 전 | 407 | ||
| 2622 | 7개월 전 | 496 | ||
| 2621 | 7개월 전 | 350 | ||
| 2620 |
 cdisk1 |
7개월 전 | 369 | |
| 2619 | 7개월 전 | 477 | ||
| 2618 | 7개월 전 | 464 | ||
| 2617 | 7개월 전 | 554 | ||
| 2616 | 7개월 전 | 678 | ||
| 2615 | 7개월 전 | 581 | ||
| 2614 | 7개월 전 | 410 | ||
| 2613 |
바닐라코드
|
7개월 전 | 730 | |
| 2612 | 7개월 전 | 594 | ||
| 2611 | 7개월 전 | 730 | ||
| 2610 | 7개월 전 | 966 | ||
| 2609 | 8개월 전 | 508 | ||
| 2608 | 8개월 전 | 653 | ||
| 2607 | 8개월 전 | 630 | ||
| 2606 | 8개월 전 | 576 | ||
| 2605 | 8개월 전 | 601 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기