Destaque Featured Destacados
HTML para JSX HTML to JSX HTML a JSX
className, htmlFor, estilos em objeto, comentários e tags void. Ideal para colar templates HTML em componentes React. className, htmlFor, object styles, comments, and void tags. Great for pasting HTML templates into React components. className, htmlFor, estilos en objeto, comentarios y void tags. Ideal para pegar plantillas HTML en React.
{{ t("htmlToJsxHint") }}
Descrição Overview Descripción
React espera JSX: `class` vira `className`, atributos como `for` e `tabindex` viram camelCase (`htmlFor`, `tabIndex`), estilos inline passam para objeto `style={{...}}` e comentários HTML viram `{/* ... */}`. Tags void (`img`, `input`, `br`…) recebem fechamento explícito.
A conversão é heurística: templates com `<script>`, SVG avançado ou `dangerouslySetInnerHTML` exigem revisão manual. Não substitui o parser completo do React.
React expects JSX: `class` becomes `className`, attributes like `for` and `tabindex` become camelCase (`htmlFor`, `tabIndex`), inline styles move to `style={{...}}`, and HTML comments become `{/* ... */}`. Void tags (`img`, `input`, `br`, …) are self-closed.
Conversion is heuristic: templates with `<script>`, complex SVG, or `dangerouslySetInnerHTML` need manual review. It is not a full React parser.
React usa JSX: `class` pasa a `className`, atributos como `for` y `tabindex` en camelCase (`htmlFor`, `tabIndex`), estilos inline a `style={{...}}` y comentarios HTML a `{/* ... */}`. Las void tags (`img`, `input`, `br`…) se autocerraron.
La conversión es heurística: plantillas con `<script>`, SVG complejo o `dangerouslySetInnerHTML` requieren revisión manual. No reemplaza el parser completo de React.
Exemplo Sample Ejemplo
<div class="box" tabindex="0">
<img src="/a.png" alt="">
<!-- ok -->
</div>Perguntas frequentes FAQ Preguntas frecuentes
Para que serve esta ferramenta?
What is this tool for?
¿Para qué sirve esta herramienta?
Ela roda 100% no seu navegador: útil para validar, formatar ou converter dados no dia a dia de desenvolvimento.
It runs fully in your browser: useful to validate, format, or convert data in everyday development.
Funciona por completo en tu navegador: sirve para validar, formatear o convertir datos en el día a día.
Meus dados são enviados a algum servidor?
Are my inputs sent to a server?
¿Se envían mis datos a algún servidor?
O processamento é feito localmente via JavaScript. Não armazenamos o conteúdo que você cola nas caixas de texto.
Processing happens locally with JavaScript. We do not store what you paste into the text areas.
El procesamiento es local con JavaScript. No almacenamos lo que pegas en los campos de texto.
Posso usar em produção ou para dados reais?
Can I use this for real production data?
¿Puedo usarlo con datos reales en producción?
Use por sua conta e risco. Para segredos (senhas, tokens), prefira ambientes controlados e políticas da sua empresa. E lembre sempre de revisar os conteúdos gerados. Nunca confie cegamente nas coisas que vê na internet.
Use at your own risk. For secrets (passwords, tokens), prefer controlled environments and your company policies. And always review the generated contents. Never trust blindly things you see on the internet.
Úsalo bajo tu responsabilidad. Para secretos (contraseñas, tokens), prefiere entornos controlados y políticas internas. Recuerda de revisar los contenidos generados. Nunca confies ciegamente en cosas que ves en internet.