---
title: useTextEdit
description: Управление DOM-редактированием текста, композицией, форматированием и синхронизацией для текстовых узлов холста.
---

# useTextEdit

`useTextEdit()` связывает DOM-ввод текста с моделью редактирования текста на холсте редактора.

Координирует:

- ввод текста через `textarea`;
- ввод с помощью IME;
- мигание caret;
- обработку Delete и Backspace;
- команды начертания: полужирный, курсив и подчёркивание;
- перенос изменений текста обратно в scene graph.

## Использование

```ts
useTextEdit(canvasRef, editor)
```

## Базовый пример

Используйте в компоненте-владельце холста вместе с `useCanvas()` и `useCanvasInput()`.

## Практические примеры

### Сочетания клавиш для начертания

Пока пользователь редактирует текст, `useTextEdit()` обрабатывает сочетания клавиш для полужирного, курсивного и подчёркнутого начертания.

### Синхронизация текста

По мере ввода функция обновляет текст и style runs в scene graph.

## Примечания

Это composable для интеграции текстового редактора с холстом. Он не предназначен для обычных текстовых полей.

## Связанные API

- [useCanvas](./use-canvas)
- [useCanvasInput](./use-canvas-input)