게시판에 글을 작성할때 미리 정해진 양식을 붙인 상태로 화면에 출력해야 했다.
일단 화면단에서 스마트에디터를 붙이는 textarea에 양식데이터를 넣어주고 스마트에디터는 ready함수에서 붙여주었는데 화면이 로딩되면서 스마트에디터가 뜨기전에 textarea에 넣어준 데이터가 화면에 먼저 출력되었다가 스마트에디터가 붙는 문제가 생겼다...ㅠㅠ
이 문제를 해결하기위해 setTimeout() 을 이용해 에디터가 로딩이 된 후에 데이터를 붙이려고 했지만 로딩속도가 그때그때 달라서 어려웠다.
그덕분에 자바의 sleep에 대응하는 setTimeout()함수를 알았다는건 부가적인 이득?
console.log("HELLO");
setTimeout(function(){
console.log("THIS IS");
}, 2000);
console.log("DOG");
>>>>결과>>>>
HELLO
DOG
THIS IS
하지만 결론은....
스마트에디터를 붙이는 textarea를
<textarea id="content" style="width:100%;min-height:500px; visibility:hidden;">
(스마트에디터에서 저장한 데이터이기 때문에 태그를 포함한 데이터이다.)
</textarea>이렇게 하면 끝...허무하다...ㅠㅠ
hidden:hidden과 display:none으로 하지않은 이유는 앞에 둘은 화면에 보이지않고 크기도 차지않는다. visibility:hidden 은 화면에 보이지않지만 화면에서 크기를 차지한다. 그렇기 때문에 내가 원하는 크기로 스마트에디터의 크기를 지정하는 효과를 받을 수 있다.
