Modificando SyntaxHighlighter para pasar el validador w3c
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


Comentarios Recientes