# 82editor

> A light, free (MIT) WYSIWYG HTML editor for Korean sites: boards, blogs, product pages and admin notices. Zero dependencies, IME-safe Korean input, clean paste from Word, Google Docs and Hangul (HWP). React, Vue, Svelte and Angular wrappers.

Install: npm i @82editor/core (wrappers: @82editor/react, @82editor/vue, @82editor/svelte, @82editor/angular)
CDN: https://82editor.com/cdn/v1.0.0/82editor.min.js (global Editor82), https://82editor.com/cdn/v1.0.0/82editor.esm.js, https://82editor.com/cdn/v1.0.0/82editor.css
Usage: createEditor(elementOrSelector, { toolbar: 'board', uploadImage(file) => Promise<url> }); editor.getHTML(); editor.setHTML(html); editor.on('change', fn)
A <textarea> target is hidden and kept in sync, so existing forms keep posting the same field.

## Docs
- [Getting started](https://82editor.com/en/docs/getting-started/): Put 82editor into a write form in five minutes.
- [CDN files](https://82editor.com/en/docs/cdn/): Pinned and latest URLs, and what each file is.
- [Textarea and forms](https://82editor.com/en/docs/textarea-form/): Upgrade an existing form without touching the server.
- [Options](https://82editor.com/en/docs/options/): Every option createEditor accepts.
- [Toolbar](https://82editor.com/en/docs/toolbar/): Presets, ordering and custom buttons.
- [API](https://82editor.com/en/docs/api/): Methods of an editor instance.
- [Events](https://82editor.com/en/docs/events/): change, paste, upload and the rest.
- [Image upload](https://82editor.com/en/docs/image-upload/): Send images to your server: a function, a URL, and server examples.
- [Paste cleanup](https://82editor.com/en/docs/paste/): What survives a paste from Word, Excel, HWP and Google Docs.
- [Security (XSS)](https://82editor.com/en/docs/security/): What the editor filters, and why your server must filter too.
- [Plugins and commands](https://82editor.com/en/docs/plugins/): Bundle buttons, commands, shortcuts and paste rules.
- [Languages](https://82editor.com/en/docs/i18n/): Korean, English, Japanese and Chinese UI; overriding strings.
- [Themes and contentStyle](https://82editor.com/en/docs/theming/): Dark mode, colors, and matching your view page.
- [Keyboard shortcuts](https://82editor.com/en/docs/shortcuts/): Keyboard shortcuts and markdown input rules.
- [React](https://82editor.com/en/docs/react/): Use 82editor as a React component.
- [Vue](https://82editor.com/en/docs/vue/): Use 82editor as a Vue component.
- [Svelte](https://82editor.com/en/docs/svelte/): Use 82editor as a Svelte component.
- [Angular](https://82editor.com/en/docs/angular/): Use 82editor as a Angular component.
- [Moving from SmartEditor 2](https://82editor.com/en/docs/migrate-smarteditor/): Replace Naver SmartEditor 2.0 on an existing board.
- [Moving from Summernote](https://82editor.com/en/docs/migrate-summernote/): No jQuery, same textarea, same upload endpoint.
- [Toast UI Editor alternative](https://82editor.com/en/docs/toast-ui-alternative/): Moving WYSIWYG screens off Toast UI Editor after its repository was archived.
- [CKEditor 4 alternative](https://82editor.com/en/docs/ckeditor4-alternative/): Replacing CKEditor 4 (end of life June 2023) without a license key.
- [FAQ](https://82editor.com/en/docs/faq/): Is it really free? Can companies use it? Where does data go?

## Other
- [Demo](https://82editor.com/en/demo/)
- [Compared with editors used in Korea](https://82editor.com/en/compare/)
- [Forum](https://82editor.com/en/forum/)