Песочница Tagix: как тестировать TGX-шаблоны до публикации
Песочница на Tagix нужна для быстрого теста шаблонов: вставили код, сразу увидели результат, исправили и только потом переносите в рабочую страницу.
Зачем использовать sandbox
- Проверка идеи без риска сломать прод-страницу.
- Быстрый цикл правок: написал -> увидел -> поправил.
- Удобно делиться примером с командой по ссылке.
Как работать в 3 шага
- Откройте песочницу и выберите стартовый пример.
- Измените код в редакторе: HTML + TGX-атрибуты.
- Проверьте результат в превью и только затем переносите в страницу проекта.
Что удобно в текущей реализации
- Превью запускается внутри изолированного 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-разметки и снижает риск ошибок в проде. Используйте его как обязательный этап перед публикацией новых блоков и лендингов.