Конвертер MDX онлайн

Конвертируйте HTML в чистый MDX, рендерите MDX как читаемый текст и экранируйте обычный текст в литеральный MDX за секунды.

Ваши MDX, HTML и текст обрабатываются локально в браузере, и ничего не загружается на сервер.

Создаёт и поддерживает Udit Agarwal

Нужен обычный Markdown? Попробуйте инструмент Markdown.

Об инструменте Конвертер MDX

Этот конвертер MDX помогает работать с контентом MDX тремя способами: рендерить MDX как отформатированный, читаемый текст, конвертировать HTML в чистый GitHub-flavoured Markdown/MDX и экранировать обычный текст в литеральный, валидный MDX. Он создан для разработчиков, технических писателей и команд документации, которые перемещают контент между HTML, Markdown и MDX. Используйте режим HTML в MDX, чтобы превратить вставленную разметку в аккуратный Markdown с заголовками, таблицами, блоками кода и списками, или режим рендеринга, чтобы предпросмотреть MDX без запуска сборки. JSX-компоненты никогда не выполняются: компоненты удаляются, а их внутренний текст сохраняется, выражения удаляются. Всё работает локально в вашем браузере, поэтому ваши черновики, документы и сниппеты остаются на вашей машине во время конвертации и предпросмотра.

Возможности

• Рендерит MDX как отформатированный текст с живой панелью предпросмотра
• Конвертирует HTML в чистый GitHub-flavoured Markdown/MDX
• Экранирует обычный текст в литеральный, валидный MDX (обрабатывает символы < { })
• Сохраняет заголовки, таблицы, блоки кода, списки и цитаты при конвертации HTML
• Безопасно удаляет JSX-компоненты и выражения, не выполняя никакого кода
• Копирование отрендеренного текста, HTML или вывода MDX одним кликом
• Скачивание результатов как файла .html или .mdx

Как использовать Конвертер MDX

1. Выберите режим вверху: MDX → Предпросмотр, HTML → MDX или Текст → MDX.
2. Вставьте свой MDX, HTML или обычный текст в поле ввода (или загрузите образец).
3. Просмотрите отрендеренный предпросмотр или сконвертированный вывод справа.
4. Используйте Копировать, чтобы взять текст, HTML или MDX, или Скачать, чтобы сохранить как файл.

Пример

Ввод

<h2>Возможности</h2>
<ul><li>Быстро</li><li>Локально</li></ul>

Результат

## Возможности

- Быстро
- Локально

Режим HTML в MDX конвертирует разметку в чистый Markdown.

Частые ошибки и устранение неполадок

• JSX-компоненты исчезают из вывода. — Это ожидаемо. Компоненты удаляются, а их внутренний текст сохраняется; ничего не выполняется. Встройте контент как Markdown, если его нужно сохранить.
• Выражения в фигурных скобках вроде {version} исчезают в режиме предпросмотра. — Выражения MDX удаляются, потому что JavaScript не выполняется. Замените их литеральным текстом перед рендерингом.
• Вставленный текст ломает MDX из-за лишних символов < или {. — Используйте режим Текст в MDX, чтобы экранировать <, { и }, и контент станет валидным, литеральным MDX.
• HTML конвертируется, но тег игнорируется. — Конвертация ориентирована на распространённые структурные теги (заголовки, таблицы, код, списки, ссылки, цитаты). Упростите редкую или некорректную разметку и конвертируйте снова.

Часто задаваемые вопросы

Что такое конвертер MDX?

Конвертер MDX рендерит MDX как отформатированный текст, конвертирует HTML в чистый Markdown/MDX и экранирует обычный текст в литеральный MDX. Вы переключаетесь между тремя режимами одним кликом.

Запускает ли конвертер MDX JSX-компоненты?

Нет. Компоненты удаляются (их внутренний текст сохраняется), а выражения удаляются, поэтому ничего не выполняется.

Что выдаёт режим HTML в MDX?

Он выдаёт GitHub-flavoured Markdown, включая заголовки, таблицы, блоки кода, списки, ссылки и цитаты.

Как сделать обычный текст валидным MDX?

Используйте режим Текст → MDX, который экранирует символы вроде <, { и }, чтобы текст стал литеральным, валидным MDX.

Могу ли я конвертировать MDX в Markdown с помощью этого инструмента?

Да. Режим HTML в MDX выдаёт GitHub-flavoured Markdown, а режим предпросмотра рендерит MDX в читаемый текст, который можно скопировать как Markdown-совместимый контент.

Загружается ли мой контент куда-либо при использовании конвертера MDX?

Нет. Конвертер MDX работает полностью в вашем браузере, поэтому ваши MDX, HTML и текст не покидают устройство.

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

• Предпросмотр Markdown — Преобразуйте Markdown в HTML с предпросмотром в реальном времени.
• Форматировщик HTML — Форматируйте или минифицируйте HTML, форматируйте встроенный CSS/JS и просматривайте результат.
• Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
• Экранирование HTML — Экранируйте и разэкранируйте специальные символы и сущности HTML.
• JSON в код — Генерируйте типы Go, Rust, Python, Java, Kotlin, C# и TypeScript из JSON.
• Рендер диаграмм Mermaid — Рендерит диаграммы Mermaid (поток, последовательность, gantt) в SVG в вашем браузере.
• Конвертер регистра — Преобразуйте текст между camelCase, snake_case, kebab-case, PascalCase и другими.
• Сравнить текст — Сравнивайте два текста построчно и видите добавления и удаления.

Другие инструменты: Форматировщики кода

• Форматировщик CSS / SCSS — Форматируйте или минифицируйте CSS/SCSS/LESS, сортируйте свойства и убирайте дубликаты.
• Форматировщик JS / TS — Форматирует JavaScript, TypeScript и JSX/TSX с опциями Prettier или минифицирует обычный JavaScript.
• Форматировщик HTML — Форматируйте или минифицируйте HTML, форматируйте встроенный CSS/JS и просматривайте результат.
• Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
• Форматировщик SQL — Форматируйте SQL для MySQL, PostgreSQL, SQL Server, SQLite, BigQuery и Oracle.
• Форматировщик GraphQL — Форматируйте или минифицируйте запросы и схемы GraphQL, проверяйте синтаксис и извлекайте операции.
• Форматировщик Dockerfile — Форматируйте Dockerfile и получайте рекомендации по лучшим практикам и линту.
• Форматирование запросов MongoDB — Форматируйте запросы оболочки MongoDB и конвейеры агрегации.
• Проверка контраста — Проверяйте коэффициент контраста WCAG и соответствие AA/AAA между двумя цветами.
• Рендер диаграмм Mermaid — Рендерит диаграммы Mermaid (поток, последовательность, gantt) в SVG в вашем браузере.
• Оптимизатор SVG — Минифицирует SVG: удаляет комментарии, метаданные и остатки редактора, сжимает пробелы.
• Форматировщик запросов MongoDB — Форматируйте и выравнивайте запросы MongoDB и выражения find() в браузере.

Все инструменты: Форматировщики кода (32) · Все инструменты