terça-feira, 23 de novembro de 2010

Usando o SyntaxHighlighter em ASP.NET

Saudações, pessoal!

Recentemente precisei exibir algumas linhas de código em linguagem C# em uma página ASP.NET. Pesquisando em alguns sites da web, encontrei uma biblioteca escrita em JavaScript (com algumas pitadas de CSS) chamada SyntaxHighlighter.


A biblioteca foi criada em 2004 e é mantida por Alex Gorbatchev no site abaixo: http://alexgorbatchev.com/SyntaxHighlighter/

O foco do artigo é exibir uma sintaxe em linguagem C#, mas ela abrange inúmeras outras linguagens conhecidas por todos. Segue uma listagens de todas as linguagens e seus respectivos scripts:


Brush nameBrush aliasesFile name
ActionScript3as3, actionscript3shBrushAS3.js
Bash/shellbash, shellshBrushBash.js
ColdFusioncf, coldfusionshBrushColdFusion.js
C#c-sharp, csharpshBrushCSharp.js
C++cpp, cshBrushCpp.js
CSScssshBrushCss.js
Delphidelphi, pas, pascalshBrushDelphi.js
Diffdiff, patchshBrushDiff.js
Erlangerl, erlangshBrushErlang.js
GroovygroovyshBrushGroovy.js
JavaScriptjs, jscript, javascriptshBrushJScript.js
JavajavashBrushJava.js
JavaFXjfx, javafxshBrushJavaFX.js
Perlperl, plshBrushPerl.js
PHPphpshBrushPhp.js
Plain Textplain, textshBrushPlain.js
PowerShellps, powershellshBrushPowerShell.js
Pythonpy, pythonshBrushPython.js
Rubyrails, ror, rubyshBrushRuby.js
ScalascalashBrushScala.js
SQLsqlshBrushSql.js
Visual Basicvb, vbnetshBrushVb.js
XMLxml, xhtml, xslt, html, xhtmlshBrushXml.js

A imagem abaixo ilustra o nosso projeto em tempo de execução. 
Para renderizar o SyntaxHighlighter no WebForm utilizamos um controle do tipo Literal, além da tag <pre class="brush: csharp;">Código fonte aqui</pre> para obter o resultado final.



O código fonte está disponível no link abaixo.

Até mais!

Nenhum comentário:

Postar um comentário

Deixe aqui seu comentário