mirror of
https://github.com/keven1024/015.git
synced 2026-06-03 10:59:35 +00:00
30 lines
665 B
Vue
30 lines
665 B
Vue
<template>
|
|
<editor-content :editor="editor" />
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { Editor, EditorContent } from '@tiptap/vue-3'
|
|
import StarterKit from '@tiptap/starter-kit'
|
|
|
|
const props = defineProps<{
|
|
modelValue: string
|
|
}>()
|
|
const emit = defineEmits<{
|
|
(e: 'update:modelValue', value: string): void
|
|
}>()
|
|
|
|
const editor = ref<Editor | undefined>(undefined)
|
|
onMounted(() => {
|
|
editor.value = new Editor({
|
|
content: props.modelValue,
|
|
extensions: [StarterKit],
|
|
onUpdate: () => {
|
|
// HTML
|
|
emit('update:modelValue', editor.value?.getHTML() ?? '')
|
|
}
|
|
})
|
|
})
|
|
onUnmounted(() => {
|
|
editor.value?.destroy()
|
|
})
|
|
</script> |