sábado, agosto 22, 2009

Using Sintax Highlighter

Finalmente logré configurar el Sintax Highlighter.

  1. Bajé las ligas para los scripts desde un ejemplo del sitio de Alex Gorbatchev y probé apuntando a su hosting site (http://alexgorbatchev.com/wiki/SyntaxHighlighter:Hosting) , es decir en mi caso reemplacé los prefijos de las URL's con: http://alexgorbatchev.com/pub/sh/current/
  2. Tembién tuve que eliminar una primera línea de script que no encontraba y los comentarios que estaban dentro de los scripts.
  3. Al principio mis pruebas las hice localmente en una simple página HTML y todo bien.
  4. Al publicar en mi blog no funcionaba porque colocaba breaks de html.
  5. Entonces aquí vi que me faltaba: SyntaxHighlighter.config.bloggerMode = true;
  6. Pueden eliminar todos los scripts (brushes) que no utilicen.
Aquí está un código de C#:
/// <summary>
/// Initialize update progress control.
/// </summary>
/// <param name="name"></param>
/// <param name="message"></param>
/// <param name="disableSubmitOnRequest"></param>
public UpdateProgressViewModel(string name, string message, bool disableSubmitOnRequest)
{
this.Name = name;
this.Message = message;
this.DisableSubmitOnRequest = disableSubmitOnRequest;
}



Aquí está mi pagina de pruebas:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Asereware Code Template</title>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js"></script>
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<script type="text/javascript" src="http://alexgorbatchev.com/w/skins/common/ajax.js?164"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" id="shTheme" />
<script type="text/javascript" src="http://alexgorbatchev.com/w/index.php?title=-&action=raw&gen=js&useskin=alexg" >
</script>
</head>

<body>
<div>
<pre class="brush:c-sharp" name="code">
/// <summary>
/// Initialize update progress control.
/// </summary>
/// <param name="name"></param>
/// <param name="message"></param>
/// <param name="disableSubmitOnRequest"></param>
public UpdateProgressViewModel(string name, string message, bool disableSubmitOnRequest)
{
this.Name = name;
this.Message = message;
this.DisableSubmitOnRequest = disableSubmitOnRequest;
}
</pre>
</div>
</body>
</html>

No hay comentarios.: