Все инструменты раздела Полный каталог Полная страница инструмента: Форматтер и валидатор JSON

Гайд

Встраивание JSON-форматтера

Темы под светлую документацию или тёмную консоль; при редком использовании — ссылка на полную страницу без iframe.

  • Обновлено: 2026-05-03
  • Эта страница по возможности обрабатывает данные локально в браузере и не отправляет ввод без явной необходимости.

Парная полная страница инструмента

Здесь — документация по iframe-встраиванию. Тот же инструмент для обычных пользователей (полный интерфейс, FAQ, языки) — по пути ниже.

Форматтер и валидатор JSON — Открыть полную страницу инструмента

Этот гайд (документация embed): /developers/embed/json-formatter/ Путь страницы инструмента: /developers/json-formatter/

Как добавить JSON-форматтер

Удобно рядом с доками API, CMS или порталом поддержки. Большие payload — увеличьте высоту iframe и используйте postMessage.

Общий гайд по встраиванию (все инструменты)

Iframe рядом с редактором

Разбор JSON остаётся в браузере. Темы оформляют оболочку: светлая для документации, тёмная/slate для админки.

Открыть полную страницу инструмента

Ссылка для редких задач

Если форматирование нужно редко, кнопка на полную страницу избавляет от поддержки высоты iframe.

Открыть полную страницу инструмента

Живые превью (темы)

Та же вёрстка полей; меняются только цвета chrome. На светлой теме проверьте читаемость длинных сообщений об ошибке.

На широком экране — две колонки, чтобы iframe не сжимался в «ленточку». Нижняя пара в узкой колонке ~300px имитирует боковую панель документации; верхняя пара на всю ширину ячейки — как блок в статье или плитка в панели.

Тёмная по умолчанию (как на salamyx) Тёмная оболочка по умолчанию: порталы, админки, IDE-окружение. (default)
Светлый фон, тёмный текст Светлый фон для доков, справочных центров и светлой CMS. ?theme=light
Прохладный slate Прохладный slate рядом с примерами кода или нейтральным UI. ?theme=slate
Тёплый тёмный с янтарным акцентом Тёплый тёмный с янтарным акцентом для блогов и маркетинговых тёмных макетов. ?theme=amber

Компактный режим

Компактный режим уменьшает вертикальные отступы — удобно под примером кода в узкой колонке.

Параметр theme

Используйте ?theme=light|slate|amber или без параметра (dark). Неверное значение даёт тёмную тему.

Оформление на вашей стороне

Скругление, тень и max-width задаёте на элементе iframe. Внутри кросс-доменного iframe шрифты вашего сайта не подтянутся автоматически.

Примеры URL с параметрами

Базовый embed-URL; можно комбинировать ?theme=light&compact=1. Порядок параметров не важен.

https://salamyx.com/embed/developers/json-formatter/
https://salamyx.com/embed/developers/json-formatter/?theme=light
https://salamyx.com/embed/developers/json-formatter/?theme=slate&compact=1
https://salamyx.com/embed/developers/json-formatter/?theme=amber

Приватность и ограничения

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

  • Результат предназначен для практических задач и не заменяет профессиональную проверку в критичных сценариях.
  • Поведение инструмента зависит от корректности входных данных и ограничений конкретного браузера.
  • Для юридически или финансово значимых решений требуется отдельная валидация по правилам вашей системы.

Связанные страницы

FAQ

Какая тема для API-доков?

Часто light; для тёмных порталов — dark или slate.

Совместимы ли compact и длинные ошибки парсера?

Да, но проверьте читаемость и при необходимости увеличьте высоту iframe.

Проверяет ли embed JSON Schema?

Нет, это страница форматирования. Для схем — отдельный инструмент JSON Schema.

Как менять высоту iframe?

Через общий контракт postMessage на /developers/tool-embed/.

Стабилен ли URL embed?

Да, он в официальном allowlist; изменения отражаются в общей документации.