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 name | Brush aliases | File name |
|---|---|---|
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| ColdFusion | cf, coldfusion | shBrushColdFusion.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Erlang | erl, erlang | shBrushErlang.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.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.
Até mais!

Nenhum comentário:
Postar um comentário
Deixe aqui seu comentário