[Tutorial] Como utilizar o GeSHi (Código Colorido)

[Hipnoted]

Apesar de ser uma coisa relativamente fácil, os novos utilizadores podem não saber como postar o código de forma correcta. Deixo aqui um pequeno tutorial para utilizar o GeSHi (colorir o código).


Temos várias maneiras de colocar as tags, mas as todas vão ter ao mesmo:

1 - Clicamos na listbox "Inserir Código", lá e escolhemos a linguagem. No meu caso para dar um exemplo escolhi a linguagem C. Este passo é importante pois cada linguagem tem características próprias.

2- Depois de escolher a linguagem, aparecem as tags na caixa de texto.

3- Agora é só colocar o código no meio das tags:



Também podemos fazer de outra maneira:

1- Escrever o código directamente e seleccioná-lo:


2- Clicar na listbox "Inserir Código" e seleccionar a linguagem correspondente.

3- Ficando assim:



Outra forma é colocar as tags manualmente e depois é só seguir os passos acima indicados.


Também se pode destacar algumas linhas, para isso é necessário introduzir depois do nome da linguagem as linhas que queremos, por exemplo para destacar as linhas 2, 3 e 4:
[ code=c,2,3,4] ... [/code] ou usando range [ code=c,2-4] ... [/code]
ficando assim:

Código (C): [Seleccione]

if ( a > b ) {
   printf( " a e maior que b !");
}
printf("olá");
//^^


E pronto, já está!



Já agora aqui fica a diferença sem GeSHi e com GeSHi:

if ( a > b ) {
   printf( " a e maior que b !");
}

Código (C): [Seleccione]

if ( a > b ) {
   printf( " a e maior que b !");
}
Qual será melhor de ler?

[Triton]

Bom tutorial, tópico inamovível por agora.

[TheDark]

Porreiraço

[deathseeker25]

Este será um tutorial de referência para a comunidade. Bom trabalho Hipnoted.

[fnds]

Bem desde a actualização para o SMF2 que ficamos sem GeSHi, até hoje.
O mod foi quase completamente reescrito pelo staff e já está a funcionar.

Existe agora uma nova funcionalidade que permite destacar linhas, ex: [ code=python,2,3] ... [ /code]

Código (Python): [Seleccione]

print ""
print "Olá"
print ""
print "Adeus"
Se alguém quiser melhorar os ficheiros das linguagens (melhorar as cores, colocar links nas keywords, etc..) pode faze-lo, basta contactar alguem do staff para ele colocar o ficheiro no servidor.


Bons post

[Baderous]

Bem jogado!

[scorch]

Muito útil o destacar linhas.

EDIT: No tema SilentWave, não se notam muito as linhas destacadas.

[fnds]

EDIT: No tema SilentWave, não se notam muito as linhas destacadas.

Eu noto bem, vou é aumentar um pouco o tamanho da letra...

[scorch]

Não dá para colocar os números de linhas? Se calhar é difícil, mas ajudava mais a interpretar o código.

[fnds]

Não dá para colocar os números de linhas? Se calhar é difícil, mas ajudava mais a interpretar o código.

Vamos analizar essa situação.

[scorch]

Algo tipo isto: http://alexgorbatchev.com/wiki/SyntaxHighlighter:Integration

Estive a ver mas não existe nenhum para o SMF.

[HecKel]

As licenças do GeSHi e do SMF são incompatíveis. Podemos usar o GeSHi aqui, mas não o podemos distribuir. Portanto, todas essas alterações terão de ser feitas por nós...

[scorch]

Mas o SMF 1.5 tinha as licenças compatíveis, acho eu.

[HecKel]

Sim, acho que sim. Mas depois o SMF passou a ficar mais "restrito" no que respeita à licença, não permite forks

[fnds]

Mais uma novidade, pode-se usar range para destacar linhas, [ code=c,2-45] ... [ /code].

Bons posts.