Кастомные виджеты MixSlide
Кастомные виджеты позволяют создавать свои блоки на JavaScript-подобном синтаксисе и использовать их как обычные блоки редактора.
В этом разделе вы узнаете:
- как создать и обновить собственный виджет;
- как устроен API (
useParams,useBlockMemo,useControlPoints,useStableId); - какие есть ограничения безопасного рантайма;
- как использовать кнопки действий и редактируемый текст;
- как сделать векторизацию текста через шрифты и как использовать
textToPath/textToPathAlongSVGPath.
!(Кастомный виджет в редакторе с кодом и превью)[]
План чтения
- Введение — что такое виджет и когда он лучше шаблона.
- Быстрый старт — минимальный рабочий шаблон и схема сборки проекта.
- Hooks и API — все доступные функции и ограничения языка.
- Безопасность и производительность — лимиты, запреты и поведение компилятора.
- Примеры виджетов — практические шаблоны, включая кнопку «перегенерировать».
- Векторизация шрифтов — текст в кривые, параметры
font, оптимизация и типичные ошибки. - FAQ по ошибкам — типовые диагностические коды и быстрые фиксы.
- Шаблон для публикации (best-practice) — контрольный лист и ревью-стиль перед релизом.
- Скилл для разработки виджета — готовый copy-paste промпт для ChatGPT.