Conversor de MDX Online

Converta HTML em MDX limpo, renderize MDX como texto legível e escape texto simples para MDX literal em segundos.

Seu MDX, HTML e texto são processados localmente no seu navegador e nada é enviado para um servidor.

Criado e mantido por Udit Agarwal

Precisa de Markdown puro? Experimente a ferramenta Markdown.

Sobre Conversor de MDX

Este conversor de MDX ajuda você a trabalhar com conteúdo MDX de três formas: renderizar MDX como texto formatado e legível, converter HTML em Markdown/MDX limpo no estilo GitHub, e escapar texto simples em MDX literal e válido. Foi feito para desenvolvedores, redatores técnicos e equipes de documentação que movem conteúdo entre HTML, Markdown e MDX. Use o modo HTML para MDX para transformar marcação colada em Markdown organizado com títulos, tabelas, blocos de código e listas, ou o modo de renderização para visualizar MDX sem subir um build. Componentes JSX nunca são executados: os componentes são removidos enquanto seu texto interno é mantido, e as expressões são removidas. Tudo roda localmente no seu navegador, então seus rascunhos, documentos e trechos permanecem na sua máquina enquanto você converte e visualiza.

Recursos

• Renderize MDX como texto formatado com um painel de preview ao vivo
• Converta HTML em Markdown/MDX limpo no estilo GitHub
• Escape texto simples em MDX literal e válido (lida com os caracteres < { })
• Preserva títulos, tabelas, blocos de código, listas e citações ao converter HTML
• Remove componentes e expressões JSX com segurança, sem executar nenhum código
• Copie a saída em texto renderizado, HTML ou MDX com um clique
• Baixe os resultados como arquivo .html ou .mdx

Como usar Conversor de MDX

1. Escolha um modo no topo: MDX → Preview, HTML → MDX ou Texto → MDX.
2. Cole seu MDX, HTML ou texto simples na caixa de entrada (ou carregue um exemplo).
3. Revise o preview renderizado ou a saída convertida à direita.
4. Use Copiar para pegar o texto, HTML ou MDX, ou Baixar para salvar como arquivo.

Exemplo

Entrada

<h2>Recursos</h2>
<ul><li>Rápido</li><li>Local</li></ul>

Saída

## Recursos

- Rápido
- Local

O modo HTML para MDX converte marcação em Markdown limpo.

Erros comuns e solução de problemas

• Componentes JSX desaparecem da saída. — Isso é esperado. Os componentes são removidos e seu texto interno é mantido; nada é executado. Inclua o conteúdo como Markdown se precisar preservá-lo.
• Expressões entre chaves como {version} somem no modo de preview. — Expressões MDX são removidas porque nenhum JavaScript é executado. Substitua-as por texto literal antes de renderizar.
• Texto colado quebra o MDX por causa de caracteres < ou { soltos. — Use o modo Texto para MDX para escapar <, { e } e tornar o conteúdo MDX literal e válido.
• O HTML converte, mas uma tag é ignorada. — A conversão tem como alvo tags estruturais comuns (títulos, tabelas, código, listas, links, citações). Simplifique marcação incomum ou malformada e converta novamente.

Perguntas frequentes

O que é o Conversor de MDX?

O Conversor de MDX renderiza MDX como texto formatado, converte HTML em Markdown/MDX limpo e escapa texto simples em MDX literal. Você alterna entre os três modos com um clique.

O Conversor de MDX executa componentes JSX?

Não. Os componentes são removidos (seu texto interno é mantido) e as expressões são removidas, então nada é executado.

O que o modo HTML para MDX produz?

Ele gera Markdown no estilo GitHub, incluindo títulos, tabelas, blocos de código, listas, links e citações.

Como torno texto simples em MDX válido?

Use o modo Texto → MDX, que escapa caracteres como <, { e } para que o texto se torne MDX literal e válido.

Posso converter MDX para Markdown com esta ferramenta?

Sim. O modo HTML para MDX produz Markdown no estilo GitHub, e o modo de preview renderiza MDX em texto legível que você pode copiar como conteúdo amigável a Markdown.

Meu conteúdo é enviado para algum lugar quando uso o Conversor de MDX?

Não. O Conversor de MDX roda inteiramente no seu navegador, então seu MDX, HTML e texto nunca saem do seu dispositivo.

Ferramentas relacionadas

• Prévia de Markdown — Renderize Markdown em HTML com prévia ao vivo.
• Formatador de HTML — Embeleze ou minifique HTML, formate CSS/JS inline e veja a prévia do resultado.
• Formatador de XML — Embeleze, minifique e valide XML, e converta XML ↔ JSON.
• Escapar / Desescapar HTML — Escape e desescape caracteres especiais e entidades HTML.
• JSON para código — Gere tipos de Go, Rust, Python, Java, Kotlin, C# e TypeScript a partir de JSON.
• Renderizador de diagramas Mermaid — Renderize diagramas Mermaid (fluxo, sequência, gantt) em SVG no seu navegador.
• Conversor de maiúsculas e minúsculas — Converta texto entre camelCase, snake_case, kebab-case, PascalCase e mais.
• Comparar texto — Compare dois textos linha por linha e veja adições e remoções.

Mais ferramentas de Formatadores de código

• Formatador de CSS / SCSS — Embeleze ou minifique CSS/SCSS/LESS, ordene propriedades e remova duplicatas.
• Formatador de JS / TS — Embeleze JavaScript, TypeScript e JSX/TSX com opções do Prettier, ou minifique JavaScript puro.
• Formatador de HTML — Embeleze ou minifique HTML, formate CSS/JS inline e veja a prévia do resultado.
• Formatador de XML — Embeleze, minifique e valide XML, e converta XML ↔ JSON.
• Formatador de SQL — Formate SQL para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery e Oracle.
• Formatador de GraphQL — Formate ou minifique consultas e esquemas GraphQL, valide a sintaxe e extraia operações.
• Formatador de Dockerfile — Formate um Dockerfile e receba sugestões de boas práticas e lint.
• Formatador de consultas MongoDB — Formate consultas do shell do MongoDB e pipelines de agregação.
• Verificador de contraste — Verifique a relação de contraste WCAG e se passa em AA/AAA entre duas cores.
• Renderizador de diagramas Mermaid — Renderize diagramas Mermaid (fluxo, sequência, gantt) em SVG no seu navegador.
• Otimizador de SVG — Minifique SVG: remova comentários, metadados e restos do editor, e colapse espaços.
• Embelezador de consultas MongoDB — Embeleze e indente consultas MongoDB e instruções find() no seu navegador.

Ver todas as ferramentas de Formatadores de código (32) · Todas as ferramentas