openpencil/packages/docs/de/programmable/sdk/api/composables/use-editor.md
Danila Poyarkov 14325280d9 docs(i18n): translate all missing pages to 6 languages
- 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.
2026-04-22 18:35:22 +03:00

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