- 78 SDK pages per language (components, composables, advanced API, guides, architecture, getting-started) - vector-edit.md user guide page (5 languages) - Update stale ru/programmable/cli/inspecting.md - Fix YAML frontmatter quoting for colons in descriptions 474 files, 0 missing pages across de/es/fr/it/pl/ru. VitePress build verified — all 546 SDK pages render.
1.5 KiB
1.5 KiB
| title | description |
|---|---|
| useEditor | Auf die aktuell injizierte OpenPencil-Editor-Instanz zugreifen. |
useEditor
useEditor() gibt den aktuell injizierten OpenPencil-Editor zurück.
Es ist der Haupt-Einstiegspunkt für SDK-Composables und headless Primitive, die Editor-Zugriff benötigen.
Verwendung
useEditor() muss innerhalb eines Teilbaums aufgerufen werden, in dem provideEditor(editor) bereits aufgerufen wurde.
import { useEditor } from '@open-pencil/vue'
const editor = useEditor()
Einfaches Beispiel
<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>Aktuelle Seite: {{ pageId }}</div>
</template>
Praktische Beispiele
Ausgewählte Knoten lesen
const editor = useEditor()
const selected = editor.getSelectedNodes()
Befehle auslösen
const editor = useEditor()
editor.zoomToFit()
editor.undoAction()
Fehlerverhalten
Wenn außerhalb eines Editor-Provider-Baums aufgerufen, wirft useEditor() eine hilfreiche Fehlermeldung.
Das ist beabsichtigt — diese API sollte laut fehlschlagen, wenn der Editor-Kontext fehlt.
Verwandte APIs
Typ
function useEditor(): Editor