Конвертер MDX
Рендерит MDX как текст, преобразует HTML → MDX и экранирует текст в литеральный MDX.
Ваши MDX, HTML и текст обрабатываются локально в браузере, и ничего не загружается на сервер.
Нужен обычный 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
- Выберите режим вверху: MDX → Предпросмотр, HTML → MDX или Текст → MDX.
- Вставьте свой MDX, HTML или обычный текст в поле ввода (или загрузите образец).
- Просмотрите отрендеренный предпросмотр или сконвертированный вывод справа.
- Используйте Копировать, чтобы взять текст, 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 и другими.
- Сравнить текст — Сравнивайте два текста построчно и видите добавления и удаления.
Все инструменты ArrayKit