editor

Vue

Use 82editor as a Vue component.

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>
  • Bind HTML with v-model.
  • Options are props; events arrive as @change, @ready and so on.
  • In Nuxt, wrap it in <ClientOnly>.