openpencil/packages/docs/de/programmable/sdk/api/composables/use-text-edit.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.2 KiB

title description
useTextEdit DOM-Textbearbeitung, Komposition, Formatierung und Synchronisierung für Canvas-Textknoten verwalten.

useTextEdit

useTextEdit() verbindet DOM-Texteingabe mit dem Textbearbeitungsmodell des Editor-Canvas.

Es koordiniert:

  • textarea-gestützte Texteingabe
  • IME-Komposition
  • Caret-Blinken
  • Löschen/Rücktaste-Verhalten
  • Formatierungsbefehle wie Fett/Kursiv/Unterstrichen
  • Synchronisierung von Textänderungen zurück in den Graphen

Verwendung

useTextEdit(canvasRef, editor)

Einfaches Beispiel

Verwenden Sie dies in der Canvas-Owner-Komponente zusammen mit useCanvas() und useCanvasInput().

Praktische Beispiele

Formatierungsverknüpfungen unterstützen

useTextEdit() behandelt bereits Tastaturformatierungsaktionen wie Fett, Kursiv und Unterstrichen, während die Textbearbeitung aktiv ist.

Canvas und Text-Editor synchron halten

Es aktualisiert Graphtext und Style-Runs, während der Benutzer formatierte Bereiche tippt oder bearbeitet.

Hinweise

Dies ist ein Canvas/Editor-Integrations-Composable, kein generisches Textfeld-Composable.

Verwandte APIs