quarta-feira, 18 de maio de 2016

SyntaxHighlighter #1 - Sobre


SyntaxHighlighter é uma ferramenta que permite formatar texto para uma sintaxe definida de modo a facilitar a leitura e organização do texto. Muito usada por blogs de tecnologia, onde se faz necessário escrever trechos de códigos em diferente linguagens de programação e fazer marcações para facilitar a explicação do trecho de código.


SyntaxHighlight #1 - Sobre


Em resumo é esse carinha aqui:
public class Fibonacci {
 
    static long fibo(int n) {
        if (n < 2) {
            return n;
        } else {
            return fibo(n - 1) + fibo(n - 2);
        }
    }
 
    public static void main(String[] args) {   
 
    // Imprime os 20 primeiros termos       
    for (int i = 0; i < 20; i++) {
            System.out.print("(" + i + "):" + Fibonacci.fibo(i) + "\t");
        }
    }
}


As ferramentas mais conhecidas para este fim são:


E aqui no blog nos utilizamos o SyntaxHighlighter (vamos chamar se SHL), sem nenhum motivo em particular, tínhamos que escolher um e o SyntaxHighlighter possui maior quantidade de usuários o que facilita resolver problemas que venham a acontecer.

Mas essa ferramenta não é nativa do blogspot é necessário uma configuração.
Precisamos adicionar aquivos .css e .js para que o SHL funcione, além de adicionar uma marcação no texto para ser interpretado e formatado para a linguagem escolhida.

Para obter o resultado apresentando no inicio do post precisamos adicionar a marcação no corpo do nosso texto:
// o código que será formatado aqui
Nos próximos post eu vou ensinar onde conseguir os arquivos necessários para a configuração, como integra-lo ao seu blog, as linguagens que o SHL trabalha e alguns macetes rs

Até a próxima!
Luiz Fagner Zordan Analista de Sistemas

Graduado em Sistemas de Informação, atualmente trabalhando na Embraer pela FocusNetworks como FullStack. Sou apaixonado por tecnologia, fascinado por jogos e adoro passar o tempo assistindo séries.