Toast UI Editor 대안

Toast UI Editor 저장소가 보관(archive)된 뒤, WYSIWYG로 쓰던 화면을 옮기는 방법.

Toast UI Editor(NHN) GitHub 저장소는 2026년 9월 보관(archive) 상태가 되어 더 이상 수정이 나오지 않습니다. 마크다운이 아니라 WYSIWYG 모드로 HTML을 저장하던 화면이라면 82editor로 그대로 옮길 수 있습니다.

바꾸기 전

import Editor from '@toast-ui/editor';
import '@toast-ui/editor/dist/toastui-editor.css';

const editor = new Editor({
  el: document.querySelector('#editor'),
  height: '500px',
  initialEditType: 'wysiwyg',
  hooks: {
    addImageBlobHook: async (blob, callback) => callback(await upload(blob), ''),
  },
});
const html = editor.getHTML();

바꾼 뒤

import { createEditor } from '@82editor/core';
import '@82editor/core/styles.css';

const editor = createEditor('#editor', {
  height: 500,
  uploadImage: (file) => upload(file), // URL을 돌려주면 됩니다
});
const html = editor.getHTML();

Toast UI Editor	82editor
`editor.getHTML()` / `setHTML()`	`editor.getHTML()` / `setHTML()`
`hooks.addImageBlobHook`	`uploadImage(file) => url`
`editor.on('change', fn)`	`editor.on('change', fn)` (HTML이 인자로 옵니다)
`initialEditType: 'markdown'`	마크다운 원문 저장은 하지 않습니다. 대신 `##` , `-` 같은 마크다운 입력 단축을 지원합니다.
`@toast-ui/react-editor`	`@82editor/react`