1. Formatação de CSS Minificado de Produção
Desenvolvedor Front-endContexto
Um desenvolvedor precisa inspecionar e modificar o estilo de um template antigo cujo arquivo CSS original foi perdido, restando apenas a versão minificada em produção.
Problema
O arquivo CSS está em uma única linha contínua, tornando impossível a leitura e a edição manual das regras.
Como usar
Cole o código CSS minificado no campo de texto, defina o tamanho do recuo para 4 espaços e ative a opção de linha em branco entre regras.
cssCode: 'body{margin:0;padding:0}h1{font-size:2em;color:#333}', indentSize: 4, newlineBetweenRules: trueResultado
O CSS é estruturado com recuos de 4 espaços e linhas em branco separando cada bloco de regras, facilitando a edição.