NHN 토스트 에디터 질문드립니다.
본문
NHN에서 오픈소스로 내놓은 토스트 에디터를 게시판에 적용시켜서 개발중입니다
form submit 시에 document.getElementById("content").value = editor.getHtml();
이렇게 html 형태로 저장시키고 있구요, insert도 잘 되는데
게시글 수정시에 에디터쪽으로 content 내용 어떻게 입력받아야하는지 바인딩이 잘 안되네요 ㅠㅠ
initialValue에서 data 뿌려주는거 같긴한데.. 게시글 내용에 홑따옴표가 있으면 계속 에러가 나네요..
<div id=editSection></div>
<script>
var content = '<%=content%>'; // 이렇게 받아오면 게시글에 홑따옴표있는경우 syntax 에러남
var editor = new tui.editor({
el: document.querySelector('#editSection'),
initialEditType: 'wysiwyg',
previewStyle: 'vertical',
height: '300',
initialValue = content ?
});
</script>
답변 2
플러그인게시판에
제가 올려놓은 것이 있습니다
참조해보세요
db에 저장된 글쓰기 내용을 불러오게 되면
자바스크립트 변수에 들어가는 내용에 변수에 담을 수 없는 특수문자, '&|#등이 들어가게 되면 제대로 동작하지 않습니다.
그래서 제가 올린 에디터에 보면
<textarea id=\"$id\" name=\"$id\" class=\"$tuieditor\" maxlength=\"65536\" style=\"width:100%;min-width:260px;height:300px\">$content</textarea>
display:none로 가려진 textarea에서 값을 불러옵니다.
그리고 <script>tuieditor.setHtml(document.getElementById('".$id."').value);</script>
로 해당 textarea에 있는 값을 가져와서 해당 에디터에 뿌려주고 있습니다.
