Sum●●●ote에서 옮기기

jQuery 없이, 같은 textarea와 같은 업로드 서버로.

Sum●●●ote는 jQuery가 필요하고 값을 꺼낼 때 sum●●●ote('code') 를 부릅니다. 82editor는 의존성이 없고, textarea에 씌우면 폼 전송 때 값이 자동으로 들어갑니다.

바꾸기 전

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<link href="sum●●●ote-lite.min.css" rel="stylesheet">
<script src="sum●●●ote-lite.min.js"></script>
<textarea id="sum●●●ote" name="content"></textarea>
<script>
  $('#sum●●●ote').sum●●●ote({
    height: 400,
    callbacks: { onImageUpload: (files) => upload(files[0]) },
  });
  const html = $('#sum●●●ote').sum●●●ote('code');
</script>

바꾼 뒤

<link rel="stylesheet" href="https://82editor.com/cdn/v1.2.0/82editor.css">
<script src="https://82editor.com/cdn/v1.2.0/82editor.min.js"></script>
<textarea id="sum●●●ote" name="content"></textarea>
<script>
  const editor = Editor82.createEditor('#sum●●●ote', {
    height: 400,
    uploadImage: (file) => upload(file), // return the image URL
  });
  const html = editor.getHTML();
</script>

Sum●●●ote	82editor
`$(el).sum●●●ote('code')`	`editor.getHTML()`
`$(el).sum●●●ote('code', html)`	`editor.setHTML(html)`
`$(el).sum●●●ote('isEmpty')`	`editor.isEmpty()`
`$(el).sum●●●ote('destroy')`	`editor.destroy()`
`callbacks.onChange`	`editor.on('change', fn)`
`callbacks.onImageUpload`	`uploadImage(file) => url`
`toolbar: [[...]]`	`toolbar: 'board'` 또는 이름 목록 (툴바)
`lang: 'ko-KR'`	`language: 'ko'`