'html & script'에 해당되는 글 1건

  1. 게시판 글쓰기에 html 입력에 따른 페이지깨짐 방지하기.

게시판 글쓰기에 html 입력에 따른 페이지깨짐 방지하기.

- 문제.
게시판에 html을 허용해 놓은 경우에 사용자의 html사용 미숙(실수)로 인해서 게시글을 볼때 페이지가 깨지는 경우가 생긴다...이런 경우 처리하기가 매우 난감한데....
이럴때, 이렇게 하면 해결될수 있다..

- 처리 방법.
html이 글을 페이지에 뿌려줄때... 페이지에 바로 뿌리지 말고,
textarea box에 해당 내용을 먼저 받도록 한다. 이때. textarea 는 화면에 보이지 않도록 처리를 해준다.(style="display:none")
이렇게 textarea에 받은것을 javascript를 이용해서  innerHTML로 화면에 뿌려주도록 한다.
이렇게 하면, wellform이 안된 html형식의 글이라도 화면이 깨지지않고 잘 보인다.

- 예제.
<div id='text_conts'></div>
<textarea style='display:none' id='text_area'>wellform이 안된 글.</textarea>
<script>document.getElementById('text_conts').innerHTML = document.getElementById('text_area').value;</script>