32 ferramentas

Formatação de código

Formate código-fonte e converta dados estruturados entre formatos comuns de desenvolvimento.

Escolha uma conversão abaixo. Cada ferramenta mostra o resultado na hora, um exemplo e uma explicação breve.

Escolha a conversão correta

Uma representação legível ajuda ao inspecionar uma carga de API, editar uma folha de estilos, comparar uma resposta XML ou documentar uma pequena consulta SQL. Essas ferramentas mostram os dados originais ao lado do resultado transformado. A formatação muda a apresentação, enquanto as conversões mudam a representação ou o modelo de dados. Escolha a operação adequada ao material que você realmente tem.

Os processadores são executados localmente no seu navegador. Vários formatos têm muito mais recursos do que um editor online simples pode implementar por completo. Cada página explica seu subconjunto aceito e os casos que requerem um analisador dedicado, compilador ou ferramenta de construção de produção. Em particular, um resultado formatado não é prova de que um script, consulta ou documento é seguro para executar.

Ao converter dados estruturados, confira os tipos e os nomes dos campos. As células CSV são texto, o XML distingue atributos de conteúdo de elementos, e o YAML oferece recursos além do subconjunto compatível com JSON usado aqui. Guarde uma cópia da fonte ao trocar dados com outro sistema e teste o resultado no aplicativo que irá recebê-lo.

Formatação de códigoFormatar CSSIndente uma folha de estilos CSS para revelar regras e declarações.Formatação de códigoMinimizar CSSRemova apenas espaços de formatação dispensáveis de uma folha de estilo CSS.Formatação de códigoFormatar HTMLColoque tags HTML explicitamente aninhadas para facilitar a inspeção.Formatação de códigoMinimizar HTMLCompacte os espaços em branco estruturais que podem ser removidos com segurança de um documento HTML.Formatação de códigoFormatar XMLIndente um XML simples e bem formado para revelar a hierarquia dos elementos.Formatação de códigoMinimizar XMLCompacte os espaços em branco entre nós de um XML composto somente por elementos.Formatação de códigoFormatar SVGIndente uma árvore simples de elementos SVG para facilitar a edição.Formatação de códigoMinimizar SVGCompacte os espaços em branco entre elementos SVG.Formatação de códigoFormatar SQLColoque cláusulas SQL comuns em linhas separadas.Formatação de códigoCompactar SQLReduza o espaçamento extra em SQL sem alterar os valores entre aspas.Formatação de códigoFormatar JavaScriptIndente blocos JavaScript simples e instruções explícitas.Formatação de códigoJSON para YAMLGrave valores JSON em um subconjunto legível de YAML.Formatação de códigoYAML para JSONConverta um mapeamento ou lista YAML suportado em JSON.Formatação de códigoConverta JSON para CSVTransforme um array plano de objetos JSON em linhas CSV.Formatação de códigoCSV para JSONTransforme uma tabela CSV baseada em cabeçalho em objetos JSON.Formatação de códigoJSON para XMLMapear um objeto JSON com uma raiz para elementos XML.Formatação de códigoXML para JSONMapear um documento XML simples para um objeto JSON.Formatação de códigoMarkdown para HTMLRenderize títulos, listas e ênfase Markdown comuns como HTML.Formatação de códigoHTML para MarkdownConverta tags HTML semânticas suportadas para Markdown.Formatação de códigoEscapar string JavaScriptTransforme texto em um literal de string JavaScript entre aspas.Formatação de códigoOrdenar chaves JSONOrdene alfabeticamente as chaves dos objetos de forma recursiva, sem alterar a ordem dos arrays.Formatação de códigoAchatar objeto JSONTransforme propriedades de objeto JSON aninhadas em chaves de caminho de ponteiro JSON.Formatação de códigoReconstruir objeto JSON aninhadoReconstrua objetos JSON aninhados a partir de chaves de caminho de ponteiro JSON.Formatação de códigoEscapar token JSON PointerEscape um nome de propriedade para uso como um token de ponteiro JSON.Formatação de códigoDesescapar token JSON PointerRecupere um nome de propriedade de um token de ponteiro JSON.Formatação de códigoCadeia de consulta para JSONLeia parâmetros de consulta de URL como um objeto JSON, retendo chaves repetidas.Formatação de códigoJSON para cadeia de consulta de URLEscreva um objeto JSON plano como parâmetros de consulta de URL.Formatação de códigoCSV para TSVAltere uma tabela separada por vírgulas para texto separado por tabulações.Formatação de códigoConverta TSV para CSVAltere uma tabela separada por tabulação para texto separado por vírgula.Formatação de códigoJSON Lines para array JSONCombine um valor JSON por linha em um array JSON.Formatação de códigoArray JSON para JSON LinesEscreva cada item de um array JSON em sua própria linha de JSON Lines.Formatação de códigoDesescapar string JavaScriptLeia um literal de string JavaScript compatível com JSON e recupere o texto simples.

Perguntas mais comuns

A formatação mudará a forma como meu código é executado?

Essas ferramentas visam tornar a sintaxe suportada mais fácil de ler ou mais compacta, mas um formatador não é um compilador ou analisador de linguagem completo. Algumas ferramentas deliberadamente rejeitam construções fora de seu subconjunto documentado. Verifique a saída no analisador de destino, execute seus testes normais e revise um diff antes de substituir o código de produção.

Posso converter livremente entre JSON, YAML, CSV e XML?

Cada formato tem um modelo de dados diferente. O CSV é tabular, o XML tem elementos e atributos e o YAML oferece sintaxe além do subconjunto suportado aqui. As ferramentas documentam seu mapeamento e rejeitam algumas estruturas não suportadas. Converta uma amostra representativa primeiro, compare os valores relevantes após uma conversão de ida e volta e mantenha o arquivo original.

Explorar guias

Guias de conversão

Formatação de códigoComo formatar e minimizar código sem perder significado Um fluxo de trabalho prático de formatação CSS, HTML, JavaScript e JSON com exemplos, verificações e os limites da minificação automática.Ler guia Formatação de códigoComo montar uma cadeia de consulta de URL sem codificação dupla Entenda a diferença entre uma cadeia de consulta e um valor codificado, incluindo espaços, e-s e chaves repetidas.Ler guia Formatação de códigoConversão entre JSON e XML: o que permanece após ida e volta? Trabalhe com atributos, elementos repetidos e tipos de valor antes de converter dados estruturados entre JSON e XML.Ler guia Formatação de códigoSVG é XML: formate, minifique e verifique o gráfico Siga um fluxo de trabalho SVG da estrutura XML para marcação legível e saída compacta enquanto verifica viewBox, texto, acessibilidade e renderização.Ler guia Formatação de códigoCSV e TSV: separadores, aspas e surpresas nas planilhas Escolha dados separados por vírgulas ou tabulações, entenda a citação através de um exemplo de trabalho e verifique quais planilhas podem mudar.Ler guia Formatação de códigoFormatar ou compactar SQL: o que a aparência do código pode demonstrar? Facilite a revisão de uma consulta, entenda os limites da compactação de SQL e teste a sintaxe, os comentários e a execução separadamente.Ler guia Formatação de códigoMarkdown e HTML: o que muda após uma conversão de ida e volta? Transforme um pequeno documento Markdown em HTML e vice-versa, e veja por que a marcação, escape e sintaxe não suportada precisam ser revisadas.Ler guia Formatação de códigoJSON Pointer e caminhos planos: como as chaves se tornam endereços? Escape uma chave contendo uma barra e um tilde, compare o ponteiro JSON com um objeto achatado e evite caminhos ambíguos.Ler guia Formatação de códigoDe linhas de planilha a registros de API: o que você deve verificar? Passe um CSV de duas linhas pelas linhas JSON e JSON enquanto verifica cabeçalhos, tipos, células vazias e expectativas de destino.Ler guia

Explore as categorias

Comprimento Massa Temperatura Área Volume Velocidade Tempo Pressão Energia Potência Armazenamento digital Ângulo Consumo de combustível Texto e código