HTML para JSX

Converta HTML estático localmente em JSX utilizável por React, Preact ou Solid, e informe o conteúdo perigoso removido.

Processamento local no navegador
Esta página passou na verificação do diretório público; ative JavaScript para usar todos os recursos.
Guia de uso

Como usar HTML para converter em JSX

HTML analisa e converte apenas no navegador atual; nada é enviado e os scripts contidos nele não são executados.

  1. Selecionar o destino de JSX

    Selecione React, Preact ou Solid e insira um conteúdo estático de no máximo 2 MiB HTML.

  2. Executar conversão

    A ferramenta converte class, for, style, atributos booleanos, elementos vazios e atributos SVG comuns, além de escapar as chaves do texto.

  3. Verificar relatório de segurança

    Verifique a contagem da saída e das tags, dos atributos de eventos e dos URL perigosos removidos; depois copie ou baixe JSX.

Restrições e observações

  • Este não é um reparador completo de HTML do navegador; entradas gravemente danificadas, que dependem do estado DOM ou de diretivas de modelo, precisam ser organizadas manualmente.
  • script, style, iframe, object, embed, atributos de eventos e URL perigosos serão removidos; o comportamento da página original não será preservado.
  • Gera apenas JSX para React, Preact ou Solid; não gera componentes Vue ou Svelte, nem divide componentes automaticamente ou importa recursos.

Perguntas frequentes

Como o style embutido será convertido?

Declarações comuns de CSS são convertidas em objetos de estilo JSX; declarações que não podem ser analisadas com segurança precisam ser corrigidas manualmente na saída.

Por que o script e o iframe desapareceram?

Esses conteúdos podem executar código ou carregar páginas externas; a ferramenta os remove proativamente dentro dos limites de segurança da conversão baseada em estrutura estática.

A saída pode ser usada diretamente em produção?

Primeiro, deve passar pela formatação do projeto, pela verificação de tipos e por testes no navegador; verifique especialmente os atributos personalizados, SVG e as diferenças entre frameworks.

Feedback da páginaEncontrou um problema ou tem uma sugestão de melhoria?
Recursos de feedback precisam ser usados na versão online

Envie somente após ativar JavaScript na versão online; a funcionalidade local da ferramenta ou do exemplo não é afetada.

Ir para o feedback na versão online