useTextEdit
useTextEdit() связывает DOM-ввод текста с моделью редактирования текста на холсте редактора.
Координирует:
- ввод текста через textarea
- IME-композицию
- мигание каретки
- поведение Delete/Backspace
- команды форматирования: жирный, курсив, подчёркивание
- синхронизацию изменений текста обратно в граф
Использование
ts
useTextEdit(canvasRef, editor)Базовый пример
Используйте в компоненте-владельце холста вместе с useCanvas() и useCanvasInput().
Практические примеры
Поддержка горячих клавиш форматирования
useTextEdit() уже обрабатывает клавиатурные действия форматирования — жирный, курсив, подчёркивание — пока активно редактирование текста.
Синхронизация холста и редактора текста
Обновляет граф-текст и прогоны стилей по мере набора или редактирования форматированных диапазонов.
Примечания
Это компосабл для интеграции холста и редактора, а не универсальный компосабл текстового поля.