에디터 질문입니다.
본문
현재 에디터를 사용중인 초보자입니다.
글을 작성할 당시에는 에디터의 기능중 하나인 번호매기기를 사용하면 표기가 되는 상태로
글이 써집니다.
위의 클릭되어있는
1---
2---
3---
이버튼을 사용하여서 작성한 글입니다.
그런데 글을 작성을 하고 완료를 누른 후 view페이지로 이동을 하게 되면
이런식으로 번호매기기가 적용이 되지 않는 상태로 출력이 되더군요 ..
이거 뭐 따로 확인할수있는 소스나 방법이 있을까요 ?
editor 관련해서 찾아보긴 하였는데 도통 찾기가 힘드네요 ㅜ
답변 2
css 속성 때문에 그렇습니다.
기본적으로 주어지는 css 속성은 아래와 같습니다.( 브라우저 마다 다를 수 있습니다. )
ul {
list-style-type: disc;
list-style-position: inside;
}
ol {
list-style-type: decimal;
list-style-position: inside;
}
ul ul, ol ul {
list-style-type: circle;
list-style-position: inside;
margin-left: 15px;
}
ol ol, ul ol {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 15px;
}
그런데 많은 사람들이 웹 사이트 만들때 reset css 정의를 아래와 같이 하는 경우가 있습니다. 기본속성을 지워버리는 것이죠.
ul, ul li, ol, ol li{margin:0;padding:0;list-style:none}
기본속성을 지워버리니, 당연히 ul 이나 ol 태그를 쓸때 번호가 안나오는겁니다.
위 질문의 해결방법으로는 다시 번호가 붙을수 있도록 속성을 넣어 주시면 됩니다.
셀렉터 ol{list-style-type:decimal;list-style-position:inside}
셀렉터 li{list-style:inherit !important}
원본에서는 잘 됩니다. 데모 사이트에서도 문제가 없네요.
http://demo.sir.kr/gnuboard5/bbs/board.php?bo_table=notice&wr_id=390
css 가 충돌됐을 것 같은데 어떤 부분을 변경하셨는지 알 수가 없어서 자세한 답변은 힘들겠네요.
답변을 작성하시기 전에 로그인 해주세요.