Перейти к основному содержимому

Веб-редактор

Веб-редактор t-Plot — основной инструмент для создания и редактирования историй. Это полноценный редактор кода, встроенный в Портал разработчика, с подсветкой синтаксиса Yarn, интеллектуальным автодополнением и встроенным отладчиком.

Почему веб-редактор

  • Не нужна настройка — начните писать прямо в браузере
  • Подсветка синтаксиса — команды Yarn, теги, переменные и опции выделены цветом
  • Умное автодополнение — команды, имена узлов, переменные, спикеры и теги
  • Шорткаты \\ — быстрая вставка команд и медиа-тегов двумя нажатиями
  • Умный ввод — автоматическое экранирование, автозамена спецсимволов, умный Enter
  • Форматирование — горячие клавиши и контекстное меню для жирного, курсива, подчёркивания и др.
  • Встроенный отладчик — тестируйте историю, не покидая редактор
  • Мгновенная валидация — находите ошибки до публикации

Начало работы

  1. Перейдите на Портал разработчика
  2. Нажмите Add build
  3. Выберите Create in editor, чтобы открыть веб-редактор
  4. Пишите историю, используя синтаксис Yarn
  5. Используйте панель отладчика для тестирования
  6. Опубликуйте, когда будете готовы

Устройство редактора

Редактор состоит из двух основных областей:

  • Панель кода (слева) — здесь вы пишете Yarn-скрипт с полной поддержкой синтаксиса
  • Панель отладки (справа) — превью в стиле Telegram, где можно тестировать историю в реальном времени

Устаревший способ: загрузка .yarn файлов

Вы по-прежнему можете создавать истории, загружая .yarn файлы:

  1. Напишите скрипт в любом текстовом редакторе (рекомендуем VS Code с расширением Yarn Spinner)
  2. Перейдите на Портал разработчика
  3. Нажмите Add build, затем Upload Story
  4. Выберите .yarn файлы (максимум 5 МБ суммарно)
  5. Парсер проверит скрипт и сообщит об ошибках
Рекомендация

Веб-редактор — рекомендуемый способ создания историй. Он обеспечивает обратную связь в реальном времени, автодополнение и встроенный отладчик, которые значительно ускоряют процесс разработки.