Форматтер MDX: Prettier онлайн бесплатно
Форматтер MDX использует Prettier, чтобы сделать MDX (Markdown + JSX) легче читаемым и ревьюируемым. Вставьте или перетащите MDX, выберите отступы, ширину печати и перенос прозы, затем скопируйте отформатированный результат. Единообразное форматирование может уменьшить шум пробелов в ревью кода и сделать машинно-сгенерированные документы понятнее для проверки. Используйте его, чтобы проверить, парсится ли ввод, и найти проблемную строку.
Форматтер MDX — это онлайн-форматтер MDX, использующий Prettier для форматирования MDX — формата документов, сочетающего Markdown с JSX. Он даёт разработчикам прямой способ сделать файлы MDX более единообразными и читаемыми перед ревью, обменом или коммитом.
Чтобы использовать его, вставьте или перетащите MDX, выберите настройки отступов, ширины печати и переноса прозы и скопируйте отформатированный вывод. Эти опции позволяют управлять компоновкой отформатированного документа. Инструмент также помогает подтвердить, что ввод парсится, и определить точную строку, где это не так.
Markdown предназначен для читаемого текста и лёгкой разметки, а JSX позволяет документам MDX включать синтаксис JSX. MDX полезен, когда документу нужны и проза, и JSX; форматирование облегчает просмотр такого смешанного контента. Единообразное форматирование также делает diff ревью кода менее отвлекающим, уменьшая несоответствия пробелов.
Форматтер MDX работает полностью в вашем браузере: ввод обрабатывается на вашем устройстве и не отправляется на сервер. Он бесплатен, не требует регистрации и работает офлайн после загрузки страницы. Он помогает разработчикам и DevOps-инженерам форматировать сгенерированный MDX, ревьюить документ, написанный кем-то другим, или очищать фрагмент перед обменом в баг-репорте или ревью кода.
Шаг 1: Вставьте или перетащите MDX в инструмент. Он принимает ввод MDX, сочетающий Markdown и JSX.
Шаг 2: Выберите отступы для отформатированного вывода. Единообразные отступы облегчают ревью документов.
Шаг 3: Задайте опции ширины печати и переноса прозы. Эти настройки управляют компоновкой отформатированного MDX в Prettier.
Шаг 4: Проверьте отформатированный результат и скопируйте его. Вывод можно использовать в проекте, ревью кода или баг-репорте.
Пример использования: Делайте нечитаемый машинно-сгенерированный файл MDX легче для ревью перед коммитом.
Пример использования: Форматируйте документ MDX, написанный кем-то другим, чтобы проверить его на соответствие соглашениям вашего проекта.
Пример использования: Получайте единообразно отформатированный MDX, чтобы diff ревью кода меньше отвлекал изменениями пробелов.
Пример использования: Очищайте фрагмент MDX перед вставкой в баг-репорт или ревью кода.
Пример использования: Проверяйте, парсится ли ввод MDX, и находите точную строку, где это не так.
Пример использования: Форматируйте документ, смешивающий прозу и JSX, чтобы оба вида контента было легче просматривать.