
Um formatador HTML reescreve a marcação HTML com recuo limpo e consistente para que a estrutura do documento seja fácil de ler Cole uma página minificada, um trecho copiado de uma ferramenta de compilação ou marcação escrita à mão com guias e espaços incompatíveis, e o formatador analisa a árvore de tags e a imprime de volta com um nível de recuo por profundidade de aninhamento A operação inversa, minificando, retira o espaço em branco insignificante entre as tags para reduzir o arquivo para produção sem alterar a forma como o navegador o renderiza.
HTML bruto raramente chega em um estado que você pode digitalizar Os modelos de servidor emitem em uma única linha, os empacotadores colapsam e os fragmentos colados carregam qualquer espaçamento que a fonte usou Embelezar expõe o aninhamento para que você possa encontrar o elemento que precisa, identificar uma tag que nunca foi fechada ou diferenciar duas versões de forma limpa Isso importa mais quando você está depurando um layout, auditando a marcação para acessibilidade ou lendo o conteúdo de outra pessoa pela primeira vez Um formatador transforma uma parede de colchetes angulares em um contorno que você pode realmente seguir.
Esta ferramenta é executada 100% no seu navegador com um analisador livre de dependência, então nada do que você colar é carregado ou registrado, e ele continua funcionando offline uma vez que a página tenha carregado O analisador é deliberadamente tolerante: ele aplica as mesmas regras implícitas-fechamento que um navegador usa para tags como li, p, td e opção, então marcação do mundo real com tags finais omitidas ainda formata corretamente Conteúdo dentro do script, estilo, pre, textarea e título é copiado literalmente, o que significa que seu JavaScript, CSS e texto pré-formatado nunca são reindentados ou quebrados.
Cole qualquer HTML no painel de entrada, seja ele minificado em uma linha, recuado de forma inconsistente ou um fragmento copiado de um modelo Clique em Carregar amostra para começar a partir de uma pequena página realista.
Escolha Embelezar para re-indentar a marcação para leitura e edição, ou Minify para colapsá-lo para a menor forma livre de espaços em branco para produção.
Selecione 2 espaços, 4 espaços ou guias para embelezar a saída e, opcionalmente, remova os comentários HTML O documento é analisado primeiro, portanto, as tags não fechadas são relatadas como avisos.
Copie o HTML formatado para sua área de transferência ou baixe-o como um arquivo.html e, em seguida, coloque-o em seu editor, modelo ou página.
Re-indent HTML com recuo de 2 espaços, 4 espaços ou tabulações para legibilidade, ou minify-lo para o menor formulário livre de espaços em branco, ambos da mesma ferramenta.
Aplica as regras de fechamento implícito do navegador para tags como li, p, td e opção, portanto, a marcação com tags finais omitidas ainda formata corretamente em vez de quebrar.
O conteúdo dentro do script, estilo, pré, área de texto e título é copiado literalmente, portanto, seu JavaScript, CSS e texto pré-formatado nunca são reindentados ou alterados.
Parágrafos curtos e inline são executados como um, forte e em permanecem em uma linha em vez de serem divididos tag por tag, então o resultado lê a maneira como você o escreveria.
Generate an accessible HTML table from pasted CSV or tab-separated data. Add a header row, caption, striped rows, and borders, then copy the HTML and CSS. 100% in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.
0 comments
No comments yet. Be the first to share your thoughts!