editor

Vue

Vue 컴포넌트로 82editor 쓰기.

npm i @82editor/core @82editor/vue
<script setup>
import { ref } from 'vue';
import { Editor82 } from '@82editor/vue';
import '@82editor/core/styles.css';

const html = ref('');
</script>

<template>
  <Editor82 v-model="html" :options="{ toolbar: 'board', height: 400 }" />
</template>
  • v-model 로 HTML을 주고받습니다.
  • 옵션은 props 로 넘기고, 이벤트는 @change, @ready 처럼 받습니다.
  • Nuxt 에서는 <ClientOnly> 로 감싸세요.