개발

Smart Editor2 | 글머리 기호 안될때

AM0530 2020. 10. 14. 15:59

1. 오류상황 : Smart Editor2로 글머리 기호 작성 후, 저장하면 조회화면에서는 글머리기호 없음. 

(작성화면) 

(조회화면) 

2. 오류원인 : Smart Editor2의 css 적용안함 

 

글머리 기호 추가하는 css : smart_editor2_out.css

 

3. 해결방법 : 1)smart_editor2_out.css를 조회화면 jsp에 import 

(오류 체크한 순서) 

 - DB에 내용이 제대로 저장되는지부터 확인 

 - 글머리기호를 어느 파일에서 추가하는지 확인 

 

2) DB에서 가져온 본문내용을 <div class="se2_outputarea">

안에 넣으면 smart_editor2_out.css 의 글머리 기호 css가 적용된다. 

1
2
3
4
5
6
7
<!-- 조회화면.jsp -->
<div class="se2_outputarea">
    <!-- DB에서 가져오는 본문 내용 -->
    ${content} 
</div>
 
cs

4. 글머리 기호 적용 방식 :

글머리 기호를 들여쓰기 할때마다 <ul>태그를 추가하고, 태그별로 다른 글머리 기호css를 적용한다. 

(한번 들여쓰기 했을때)  

.se2_outputarea ul li { margin: 0; list-style-type: disc; padding: 0; }

(두번 들여쓰기 했을때) 

.se2_outputarea ul ul li { list-style-type: circle; }