Problema con plugin marcar syntax

neodani · #1 (**permalink**) 10/05/2009, 14:21

Hola,

Quiero conseguir este efecto de código insertado en la página
http://webdemar.com/webdesign/superf...e-z-index-bug/

El plugin diría con un 90% de confianza que es el de google
http://code.google.com/p/syntaxhighlighter/

Pero no consigo hacerlo funcionar en mi blog.

Alguien puede probar de instalarlo y decirme si soy yo el problema xD

No me colorea y analizando las etiquetas con firebug no veo que tan siquiera me cree la "marca" igual que en webdemar

Código:

<div class="dp-highlighter">

No sé que mas mirar! alguien puede echarme una mano?

Muchas gracias

metacortex · #2 (**permalink**) 10/05/2009, 18:15

Hola neodani. Te cuento que hace un mes estuve probando como setenta mil plugins de coloreado y me quedé con éste: CodeColorer, el cual utiliza las ya conocidas librerías GeShi y tiene buenas opciones de personalización. Si te decides a utilizarlo avísame primero para darte un par de tips.

Anarninquë · #3 (**permalink**) 11/05/2009, 16:17

El que puedo recomendarte, por haberlo usado luego de probar otros varios, es WP-CodeBox.
Es fácil de instalar, el diseño que trae por defecto es bastante bonito y tiene un par de funcionalidades interesantes (esconder cuadro de texto y descargar código en un archivo)... puedes verlo en uso aquí.

No he probado el que comenta metacortex, pero seguramente valga la pena también ;)

Suerte

neodani · #4 (**permalink**) 11/06/2009, 11:23

Cita:

Iniciado por Anarninquë

El que puedo recomendarte, por haberlo usado luego de probar otros varios, es WP-CodeBox.
Es fácil de instalar, el diseño que trae por defecto es bastante bonito y tiene un par de funcionalidades interesantes (esconder cuadro de texto y descargar código en un archivo)... puedes verlo en uso aquí.

No he probado el que comenta metacortex, pero seguramente valga la pena también ;)

Suerte

He probado los dos y 100 más.. pero no soy capaz de hacerlo funcionar (el de codecolor mas o menos).

Con WP-CodeBox no consigo que funcionen los colores, me hace falta algun otro plugin para qué funcione?

Una vez activado creo una entrada con el siguiente texto

Código:

<pre lang=”php” line=”n”>
    <div id=”foo”>
    <?php
      function foo() {
        echo “Hello World!\\n”;
      }
      for (\$i = 0; \$i < 10 $i++) {
        foo();
      }
    ?>
    </div>
    </pre>

Y me lo muestro en texto plano, y el formato del texto tengo elegido "preformateado" porque también he leído que sino esta así no funciona.

neodani · #5 (**permalink**) 19/06/2009, 12:00

No consigo que funcione el plugin CODECOLOR, me pasan cosas muy raras

Cuando creo la siguiente entrada

Código:

[cc lang='html4strict' ]<html>
<head>
<title>File Upload Results</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head> [/cc]

Me muestra el siguiente resultado

Código:

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;File Upload Results&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;/head&gt;

No me interpreta los signos < y >

Otro ejemplo distinto

Código:

[cc lang='php' ].php .codecolorer .kw1 { color: #FF6600; font-weight: bolder; }
.php .codecolorer .kw2 { color: #339999; }
.php .codecolorer .kw3 { color: #FF6600; }
.php .codecolorer .kw4 { color: #DDE93D; }
.php .codecolorer .kw5 { color: #999966; }
.php .codecolorer .st0 { color: #66FF00; }
.php .codecolorer .es0 { color: #42A500; }
.php .codecolorer .br0 { color: Olive; }
.php .codecolorer .nu0 { color: #CCFF33; font-weight: bolder; }
.php .codecolorer .re0 { color: #339999; }
.php .codecolorer .re1 { color: #FFCC00; }
.php .codecolorer .re3 * { color: #FFFFFF; }
.php .codecolorer .re4, .php .codecolorer .re4 * {
 color: #64A2FF;
}
.php .codecolorer .co1, .php .codecolorer .co2,
.php .codecolorer .coMULTI { color: #9933CC; }[/cc]

Resultado:

Código:

1 <div>::CODECOLORER_BLOCK_1::</div>

Qué hago mal? y cuales son esos trucos de los que hablabas metacortex?

Muchas gracias

metacortex · #6 (**permalink**) 19/06/2009, 12:25

El codecolorer tiene esa "particularidad" que no parsea los "< >" como entidades html. A mí me viene de perlas porque trabajo con el editor visual desactivado, pero aquellos que usan el editor quizás mejor les convenga usar otro plugin como wp-syntax.

Cita:

Iniciado por neodani

Código:

[cc lang='html4strict' ]

Encierra eso entre comillas dobles y no dejes espacios.

neodani · #7 (**permalink**) 21/06/2009, 23:44

Cita:

Iniciado por metacortex

El codecolorer tiene esa "particularidad" que no parsea los "< >" como entidades html. A mí me viene de perlas porque trabajo con el editor visual desactivado, pero aquellos que usan el editor quizás mejor les convenga usar otro plugin como wp-syntax.

Encierra eso entre comillas dobles y no dejes espacios.

No lo conseguí encerrándolos, pero no utilicé el editor visual y funcionó correctamente :)

Gracias