19 Setembro 2008 Escrito por Gonçalo Martins

É possível mostrar o seu código fonte,  ou exemplos de código fonte de forma a que as outras pessoas o possam compreender facilmente, ou percebam que de código fonte se trata! Para tal o Alex Gorbatchev, criou um pequeno javascript que lhe permite embelezar a forma como o seu código fonte é mostrado no seu website!

O projecto chama-se SyntaxHighlighter e pode saber mais sobre ele aqui. No link anterior pode ainda realizar download do ficheiros necessários à instalação manual do script, tal como aceder à explicação de como o instalar.

 

No entanto neste artigo vou simplesmente fornecer links de download, para dois plugins (um para Joomla e outro para Wordpress) que são uma forma facilitada de instalar o Script SyntaxHighlighter!

O SyntaxHiglighter suporta as seguintes linguagens de programação:

• C++ -- cpp, c, c++
• C# -- c#, c-sharp, csharp
• CSS -- css
• Delphi -- delphi, pascal
• Java -- java
• JavaScript -- js, jscript, javascript
• PHP -- php
• Python -- py, python
• Ruby -- rb, ruby, rails, ror
• SQL -- sql
• VB -- vb, vb.net
• XML/HTML -- xml, html, xhtml, xslt
  
  

Depois de instalados os plugins, é necessário colocar o código para funcionar com eles.

No caso do Wordpress simplesmente envolva o seu código com
ex:

[sourcecode language='css']
...código!!!...
[/sourcecode]

 

Se Utiliza Joomla, terá de envolver o seu código com
ex:

<pre name="code" class="js">
...código!!!...
</pre>

Em ambos os plugins poderá modificar o CSS, que vêm por defeito, de forma a que este se integre melhor com o seu website!

Download plugin para Wordpress
Download plugin para Joomla