useEditor

useEditor() zwraca instancję edytora 4B Pen przekazaną przez najbliższe wywołanie provideEditor().

To główny punkt wejścia dla composables i komponentów bez narzuconego wyglądu wymagających dostępu do edytora.

Użycie

Wywołaj useEditor() wewnątrz drzewa komponentów, w którym wcześniej wykonano provideEditor(editor).

import { useEditor } from '@open-pencil/vue'

const editor = useEditor()

Przykład

<script setup lang="ts">
import { computed } from 'vue'

import { useEditor } from '@open-pencil/vue'

const editor = useEditor()
const pageId = computed(() => editor.state.currentPageId)
</script>

<template>
  <div>Bieżąca strona: {{ pageId }}</div>
</template>

Zaznaczone obiekty

const editor = useEditor()
const selected = editor.getSelectedNodes()

Polecenia

const editor = useEditor()
editor.zoomToFit()
editor.undoAction()

Brak kontekstu

Jeśli useEditor() zostanie wywołane poza drzewem, w którym wykonano provideEditor(), function zgłosi czytelny błąd. Pozwala to natychmiast wykryć brak context edytora.

Zobacz też

• provideEditor
• useCanvas
• useSelectionState
• useEditorCommands

Typ

function useEditor(): Editor