Svelte

Svelte 컴포넌트로 82editor 쓰기.

npm i @82editor/core @82editor/svelte

<script>
  import { Editor82 } from '@82editor/svelte';
  import '@82editor/core/styles.css';

  let html = $state('');
</script>

<Editor82 bind:value={html} options={{ toolbar: 'board', height: 400 }} />

Svelte 5 컴포넌트입니다. bind:value 로 HTML을 주고받습니다.
컴포넌트 대신 use:editor82 액션도 있습니다.

액션으로 쓰기

<script>
  import { editor82 } from '@82editor/svelte';
</script>

<div use:editor82={{ toolbar: 'basic', onChange: (html) => console.log(html) }}></div>