스마트에디터 2에서 옮기기

네이버 스마트에디터 2.0 을 쓰는 게시판을 82editor로 바꾸는 순서.

스마트에디터 2.0 은 textarea를 숨기고, 전송 직전에 oEditors.getById['ir1'].exec('UPDATE_CONTENTS_FIELD', []) 로 값을 옮깁니다. 82editor는 이 동기화를 자동으로 하므로 그 줄을 지우면 됩니다.

바꾸기 전

<textarea name="ir1" id="ir1"></textarea>
<script src="/se2/js/service/HuskyEZCreator.js"></script>
<script>
  var oEditors = [];
  nhn.husky.EZCreator.createInIFrame({ oAppRef: oEditors, elPlaceHolder: 'ir1', sSkinURI: '/se2/SmartEditor2Skin.html' });
  function submitContents() {
    oEditors.getById['ir1'].exec('UPDATE_CONTENTS_FIELD', []);
    document.forms[0].submit();
  }
</script>

바꾼 뒤

<textarea name="ir1" id="ir1"></textarea>
<link rel="stylesheet" href="https://82editor.com/cdn/v1.0.0/82editor.css">
<script src="https://82editor.com/cdn/v1.0.0/82editor.min.js"></script>
<script>
  Editor82.createEditor('#ir1', { toolbar: 'board', height: 400, uploadUrl: '/upload.php' });
  function submitContents() { document.forms[0].submit(); }
</script>

서버는 그대로 ir1 필드를 읽습니다.
기존 글은 그대로 열립니다. 스마트에디터가 만든 <p><span style="font-family: 나눔고딕"> 형태도 유지됩니다.
사진 첨부 팝업 대신 uploadUrl 하나면 됩니다. 응답은 {"url": "..."}.
iframe 이 아니라 페이지 안에서 그려지므로 사이트 CSS와 섞이지 않게 .e82 아래로만 스타일이 들어갑니다.