Skip to content

April 16, 2008

2

WP-Syntax – WordPress Plugin

Dado que en este blog tengo pensado hablar de programación y que ello supone pegar piezas de código dentro de los pots, he buscado algo que me ayude, que seria del código fuente sin los colores, también conocido como “Highlight”.

Para conseguir que las piezas de código fuentes aparezcan bien coloreadas voy a usar un plugin para WordPress llamado WP-Syntax

Algunos ejemplos de como queda:

HTML

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #ff0000;">'pre'</span> => <span style="color: #000066;">array</span><span style="color: #66cc66;">(</span>
      <span style="color: #ff0000;">'width'</span> => <span style="color: #000066;">array</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>,
      <span style="color: #ff0000;">'lang'</span> => <span style="color: #000066;">array</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>,
      <span style="color: #ff0000;">'line'</span> => <span style="color: #000066;">array</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>
<span style="color: #66cc66;">)</span>,</pre></div></div>

PHP

< ? print(Date("m/j/y")); ?>

JAVA

/* hola */
public class pp extends pp{
     System.out.println("hola"+p+".");
}

Durante las pruebas que he realizado me he encontrado algún que otro problemilla con los caracteres especiales, y con el editor que trae el WordPress 2.5. Para hacer mas cómodo el uso de este plugin he realizado las siguientes modificaciones:

  1. He modificado el fichero “kses.php” para WP reconozca las propiedades “lang” y “line” necesarias para que el plugin funcione.
    'pre' => array(
          'width' => array(),
          'lang' => array(),
          'line' => array()
    ),

    via: http://realespace.com/2008/03/08/wordpress-tip-stop-wordpress-from-stripping-markup-in-your-posts/

  2. He modificado el fichero “wp-syntax.php” (pugin) para que descodifique los caracteres especiales de HTML antes de aplicar los colores.
    $geshi = new GeSHi(htmlspecialchars_decode($code), $language);

    via: http://blog.felho.hu/escaping-problem-with-wp-syntax-wordpress-plugin.html

Read more from wordpress
2 Comments Post a comment
  1. Jan 2 2009

    Muy buena info, felicitaciones!

Trackbacks & Pingbacks

  1. Noticias de Bitacoras.com » WP-Syntax: plugin para WP para resaltar código

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.