Syntax Highlighter / Funcionalidades

Prepare código fácil de acompanhar.

Cole ou importe código, escolha a linguagem e o tema e acompanhe as alterações na pré-visualização. Ajuste os efeitos de linha e exporte HTML ou uma imagem PNG no navegador.

Prepare um exemplo completo, desde o código-fonte até ao ficheiro para descarregar.

Código-fonte

Cole código, abra um ficheiro UTF-8 ou carregue um exemplo de linguagem.

Linguagens e temas

Pesquise linguagens, aliases e temas. Filtre os temas claros ou escuros.

Efeitos de linha

Defina intervalos, cores e opacidade para destaque, foco e linhas adicionadas ou removidas.

Pré-visualização e configuração

Veja as alterações de imediato e consulte a configuração JSON que controla o resultado.

Saída HTML

Copie ou descarregue HTML com estilos inline, um ficheiro CSS separado ou Tailwind CSS.

Imagens e apresentação

Guarde um PNG, configure os números de linha, recolha secções e transforme URLs em ligações.

Experimente todo o processo no navegador.

Carregue a demonstração para experimentar destaque, foco, linhas adicionadas e removidas, secções recolhidas e numeração. A pré-visualização e os ficheiros usam as mesmas definições.

Realce de código online