codinami.com
BUSCAR

Modificando SyntaxHighlighter para pasar el validador w3c

30 de Junio, 2008
posteado en: JavaScript, WordPress

Buscar un coloreador de código no fue tarea fácil para mi. En un principio implementé el iG:Syntax Hiliter, el mismo que utilizan en ajaxian.com. El problema de este plug-in es que transforma los estilos del código en el servidor y lo ensucia mucho, por lo tanto me tuve que pasar los estándares por la $&%$#….

Buena fue mi sorpresa cuando encontré a SyntaxHighlighter; tiene una buena presentación y colorea el código por javascript.

Me encontre el mismo problema con este plug-in…. mi pagina sigue sin pasar el validador. Me vi obligado a meter mano al código. Lo primero fue cambiar el modo en que selecciona las porciones de código. Por defecto es de la siguiente manera

<pre name="code" class="php">
.....codigo....
</pre>

El validador reclama que no existe el atributo name para la etiqueta PRE, por lo tanto fui al código, y localicé donde estaba el problema…. comenté una linea por allí… otra por allá… y ahora los PRE no requieren el atributo name.

<pre class="php">
.....código....
</pre>

Lo segundo que reclama el validador, es que el plug-in incluye los js de esta manera:

<javascript class=”javascript” src”….(ruta al js).js” />

¿Que demonios hace el atributo CLASS ahí?….en fin… ya está solucionado.

SyntaxHighlighter modificado: google-syntax-highlighter

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (Vota!)
Loading ... Loading ...

No hay comentarios

Dejar un comentario

Sitio Admimistrado con WordPress