Кастомные виджеты MixSlide

Кастомные виджеты позволяют создавать свои блоки на JavaScript-подобном синтаксисе и использовать их как обычные блоки редактора.

В этом разделе вы узнаете:

  • как создать и обновить собственный виджет;
  • как устроен API (useParams, useBlockMemo, useControlPoints, useStableId);
  • какие есть ограничения безопасного рантайма;
  • как использовать кнопки действий и редактируемый текст;
  • как сделать векторизацию текста через шрифты и как использовать textToPath / textToPathAlongSVGPath.

!(Кастомный виджет в редакторе с кодом и превью)[]

План чтения

  1. Введение — что такое виджет и когда он лучше шаблона.
  2. Быстрый старт — минимальный рабочий шаблон и схема сборки проекта.
  3. Hooks и API — все доступные функции и ограничения языка.
  4. Безопасность и производительность — лимиты, запреты и поведение компилятора.
  5. Примеры виджетов — практические шаблоны, включая кнопку «перегенерировать».
  6. Векторизация шрифтов — текст в кривые, параметры font, оптимизация и типичные ошибки.
  7. FAQ по ошибкам — типовые диагностические коды и быстрые фиксы.
  8. Шаблон для публикации (best-practice) — контрольный лист и ревью-стиль перед релизом.
  9. Скилл для разработки виджета — готовый copy-paste промпт для ChatGPT.