19

Set

Embeleze a amostragem do seu código

Escrito por Gonçalo Martins   
syntaxhighlighter

É 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



Gostou deste Artigo?
Subscreva o feed RSS ou reguiste-se na Newsletter do WebLouca, agora!
Tags:
Categoria:
Se preferir, pode ainda deixar um comentário

PATROCINADORES


cometarios
Trackback(0)

Escreva o seu Comentario
 
  pequeno | maior
 

busy
 

Patrocinadores do Site

Subscrever Feed



Artigos

Ultimos artigos
jsimageNeste artigo vou-lhe demonstrar como rodar imagens e qualquer elemento desde div a span co...
phpthumbAtualmente praticamente todos os websites possuem a necessidade de listar os seus artigos...
benchmarksA pouco mais de um ano falei sobre uma ferramenta para otimizar imagens (Artigos/optimize...
phpimageredRedimensionar uma imagem com php pode ser um processo complicado. Quando por exemplo um wo...
linksafiliadosNo inicio do ano escrevi um artigo onde dáva a conhecer uma forma de criar links de afili...