Tiptap 实例
Umo Editor 基于Tiptap实现,并对外提供了一些方法,更多的 Tiptap 编辑器信息可以先通过 getEditor() 或 useEditor() 获取 Tiptap 编辑器实例,进而获取 Tiptap 编辑器的状态信息和调用 Tiptap 的方法等。
Tiptap 开发文档:https://tiptap.dev/docs/editor/getting-started/overview
如何使用获取 Tiptap 编辑器实例
<template>
<umo-editor ref="editorRef" v-bind="options" />
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { UmoEditor } from '@umoteam/editor'
const editorRef = ref(null)
const tiptapEditor = ref({})
const options = ref({
// 配置项
// ...
})
onMounted(() => {
tiptapEditor.value = editorRef.value.useEditor()
console.log(tiptapEditor)
// 或者
// tiptapEditor.value = editorRef.value.getEditor();
// console.log(tiptapEditor.value);
})
</script>通过 Tiptap 编辑器提供的配置和方法,可以更灵活地控制编辑器的功能,同时也可以实现一些自定义功能。