Назад в блог

Песочница Tagix: как тестировать TGX-шаблоны до публикации

Песочница на Tagix нужна для быстрого теста шаблонов: вставили код, сразу увидели результат, исправили и только потом переносите в рабочую страницу.

Зачем использовать sandbox

  • Проверка идеи без риска сломать прод-страницу.
  • Быстрый цикл правок: написал -> увидел -> поправил.
  • Удобно делиться примером с командой по ссылке.

Как работать в 3 шага

  1. Откройте песочницу и выберите стартовый пример.
  2. Измените код в редакторе: HTML + TGX-атрибуты.
  3. Проверьте результат в превью и только затем переносите в страницу проекта.

Что удобно в текущей реализации

  • Превью запускается внутри изолированного iframe.
  • По умолчанию подключены стили Bootstrap, поэтому классы отображаются так же, как на сайте.
  • Можно сформировать ссылку «Поделиться» с текущим кодом, чтобы другой человек открыл тот же пример.

Минимальный тестовый пример

<tgx tgx:set="showTitle=true"></tgx>

<section class="container py-4">
  <h2 tgx:if="showTitle" class="mb-3">Пример в sandbox</h2>
  <div class="alert alert-success">TGX работает</div>
</section>

Ограничения sandbox, которые важно учитывать

Песочница работает в безопасном режиме и блокирует потенциально опасные конструкции. Это сделано специально, чтобы код для демо не влиял на систему и данные пользователей.

Практический сценарий

Обычно процесс выглядит так: сначала тест карточек/форм в sandbox, затем перенос в шаблон страницы, после этого подключение API и SEO-мета на боевом маршруте.

Итог

Sandbox экономит время на отладке TGX-разметки и снижает риск ошибок в проде. Используйте его как обязательный этап перед публикацией новых блоков и лендингов.