[CSS] 게시판 에디터(editor)에서 사용자가 입력한 대로 나오게 하기

게시판에 에디터가 붙어있는데 작성한대로 보이지 않는 현상이 발생해 일단 아래를 추가

.view-contents *, 
.view-contents p{
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	word-break: break-all;
}

 

 

 

 

하지만 h로 작성한 내용들이 제목 스타일 먹지 않는 문제가 여전히 있음

 

부트스트랩이 따로 include 되어있지 않으므로 h 태그 폰트사이즈 지정

/* basic */
.view-contents{font-size: 16px;line-height: 1.5em;word-break: break-all;}
.view-contents img{max-width: 100%;}
.view-contents *, .view-contents p{color: inherit;font-family: inherit;font-size: inherit;font-style: inherit;word-break: break-all;}
.view-contents table{width: inherit;border: inherit;border-collapse: inherit;border-spacing: inherit;background-color: inherit;}


/* custom */
.view-contents{padding: 50px 0;font-size: 16px;line-height: 1.5em;color: #666;word-break: break-all;}
.view-contents img{max-width: 100%;}
.view-contents *, .view-contents p{color: inherit;font-family: inherit;font-size: inherit;font-style: inherit;word-break: break-all;}
.view-contents h1, .view-contents h2, .view-contents h3, .view-contents h4, .view-contents h5, .view-contents h6,
.view-contents h1 *, .view-contents h2 *, .view-contents h3 *, .view-contents h4 *, .view-contents h5 *, .view-contents h6 *{margin: inherit;line-height: 1.1em;font-weight: 500;text-align: inherit;color: inherit;word-break: break-all;}
.view-contents h1, .view-contents h1 *{font-size: 36px;}
.view-contents h2, .view-contents h2 *{font-size: 30px;}
.view-contents h3, .view-contents h3 *{font-size: 24px;}
.view-contents h4, .view-contents h4 *{font-size: 18px;}
.view-contents h5, .view-contents h5 *{font-size: 14px;}
.view-contents h6, .view-contents h6 *{font-size: 12px;}
.view-contents table{width: inherit;border: inherit;border-collapse: inherit;border-spacing: inherit;background-color: inherit;}
.view-contents strong{font-weight: 700;}
.view-contents em{font-style: italic;}