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

박긍정

· 9년 전 · 조회 12210 12210 · 댓글 8 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개

진주

번호	제목	글쓴이	날짜	조회
공지	팁 작성시 참고해 주세요. [10]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	4402
2694	리믹스 아이콘! [2]	미니님a 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	188
2693	아무 액션 없을 때 자동 로그 아웃 처리하기 [3]	미니님a 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	148
2692	img_rename upgrade [8]	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	158
2691	관리자-게시판수정-리스트정렬필드-여분필드 추가하기 [4]	지구버스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	175
2690	검색봇 자료 공유합니다 [5]	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	326
2689	외부 네이버 메일 셋팅 적용하기 [3]	웅푸 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	235
2688	[5.6.23 버전] 알림톡 DB 테이블 및 필드 제거 방법 [7]	SIR개발팀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	441
2687	모든 페이지에서 비회원 접근시 로그인페이지로 이동. 회원전용 사이트 만들기 [3]	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	292
2686	게시판 스팸 방지 고급 기법 [2]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	331
2685	게시판 복사 오류 원인중 한 가지 처리 방법(wr_datetime, wr_1 등 컬럼의 데이터타입 변경후 발생한...) [2]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	291
2684	그누보드 버전 표시기[hook] [4]	들레아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	348
2683	게시판 삭제시 에디터등록된 파일같이 삭제해주기 [14]	웅푸 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	482
2682	링크 카운트 제한 해제해서 계속 늘리기 [2]	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	278
2681	자신이 작성한 비밀글만 보기 (hook) [6]	페레이라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	303
2680	게시판별 캐시 파일 생성 [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	278
2679	hook 으로 비회원 전체검색 차단하기 [5]	페레이라 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	331
2678	사이트 잠금기능 [2]	Xenon54 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	429
2677	그누보드 최고관리자 추가하기 [7]	Xenon54 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	502
2676	브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기. [1]	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	326
2675	view.skin.php 뷰페이지에서 본문 링크제거. 이미지 링크는 예외 [5]	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	305
2674	게시판 검색 속도 개선 (전문검색 엔진 연동) [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	481
2673	한계정에 도메인 두개 연결시 링크 꼬임 문제 해결 [2]	ideaman 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	322
2672	기본 theme 디렉토리 자체를 사용하지 않으려면 [1]	김하늘™ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	335
2671	게시판 카테분류명 특별 이름만 로그인 시켜보기	웅푸 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	284
2670	내가 쓴 글이 아니라면 읽지 못하게...	미니님a 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	260
2669	그누보드5 모바일 대메뉴를 눌러서 서브메뉴 토글 [4]	애드프로 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	374
2668	소셜로그인 클라이언트 변경하는 경우 [1]	위드스텝 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	289
2667	코어 파일 건드리지 않고 커스터마이징하기	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	484
2666	쿼리 캐싱 기반 최신글 위젯 최적화 [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	471
2665	게시판별 첨부파일 다운로드 권한 설정 [3]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	408

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

댓글 작성

댓글 8개

게시판 목록

그누보드5 팁자료실

팁 작성시 참고해 주세요. [10]

리믹스 아이콘! [2]

아무 액션 없을 때 자동 로그 아웃 처리하기 [3]

img_rename upgrade [8]

관리자-게시판수정-리스트정렬필드-여분필드 추가하기 [4]

검색봇 자료 공유합니다 [5]

외부 네이버 메일 셋팅 적용하기 [3]

[5.6.23 버전] 알림톡 DB 테이블 및 필드 제거 방법 [7]

모든 페이지에서 비회원 접근시 로그인페이지로 이동. 회원전용 사이트 만들기 [3]

게시판 스팸 방지 고급 기법 [2]

게시판 복사 오류 원인중 한 가지 처리 방법(wr_datetime, wr_1 등 컬럼의 데이터타입 변경후 발생한...) [2]

그누보드 버전 표시기[hook] [4]

게시판 삭제시 에디터등록된 파일같이 삭제해주기 [14]

링크 카운트 제한 해제해서 계속 늘리기 [2]

자신이 작성한 비밀글만 보기 (hook) [6]

게시판별 캐시 파일 생성 [1]

hook 으로 비회원 전체검색 차단하기 [5]

사이트 잠금기능 [2]

그누보드 최고관리자 추가하기 [7]

브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기. [1]

view.skin.php 뷰페이지에서 본문 링크제거. 이미지 링크는 예외 [5]

게시판 검색 속도 개선 (전문검색 엔진 연동) [1]

한계정에 도메인 두개 연결시 링크 꼬임 문제 해결 [2]

기본 theme 디렉토리 자체를 사용하지 않으려면 [1]

게시판 카테분류명 특별 이름만 로그인 시켜보기

내가 쓴 글이 아니라면 읽지 못하게...

그누보드5 모바일 대메뉴를 눌러서 서브메뉴 토글 [4]

소셜로그인 클라이언트 변경하는 경우 [1]

코어 파일 건드리지 않고 커스터마이징하기

쿼리 캐싱 기반 최신글 위젯 최적화 [1]

게시판별 첨부파일 다운로드 권한 설정 [3]