1. Descargar
Sintaxhighlighter 3.0.83: http://alexgorbatchev.com/syntaxhighlighter
2. Configuración
(1) La etiqueta predeterminada para sintaxiHighLighter analizando es pre
La copia del código es la siguiente:
Sintaxhighlighter.config.tagname = "div";
(2) Eliminar etiquetas de ruptura de línea HTML
Si su software agrega etiquetas <br /> al final de cada línea, esta opción le permite ignorar estas etiquetas.
El código de implementación en shcore.js es:
La copia del código es la siguiente:
if (sh.config.stripbrs == verdadero)
str = str.replace (br, '');
Sintaxhighlighter.config.stripbrs = true;
(3) La barra de herramientas no se muestra
La copia del código es la siguiente:
Sintaxhighlighter.defaults ['Barra de herramientas'] = false;
3. Use en el código
3.1 El pincel es una opción requerida, y el resto es opcional:
La copia del código es la siguiente:
<div> Some Java Code </div>
Valor de pincel: java/xml/sql/c/js/css, etc., ver: http://alexgorbatchev.com/syntaxhighlighter/manual/brushes/
3.2 Llamada de sombreado:
La copia del código es la siguiente:
Sintaxhighlighter.highlight ();
o
La copia del código es la siguiente:
Sintaxhighlighter.all ();
La diferencia entre todos () y resaltar () es que todo () está registrado en el evento onload ().
4. Usar en el Blog Park
Blog Park admite SyntaxHighLighter de forma predeterminada. El código cambia el valor predeterminado (porque jQuery no admite configurar el estilo importante, por lo que se debe establecer csstext)::
La copia del código es la siguiente:
var sh = $ (". SyntaxHighLighter");
Code var = sh.find ("código");
var línea = sh.find (". línea");
Var subtítulos = sh.find ("Tabla STITTion");
sh.css ("csstext", "ancho: auto! importante");
Code.Add (línea)
.add (subtítulo)
.css ("csstext", "Font-size: 20px! IMPORTANTE; Espacio blanco: Nowrap! IMPORTANTE; LINE-ATHIGHT: 1.5EM! IMPORTANTE;");
Lo anterior se trata de este artículo. ¿Ha ganado una nueva comprensión de cómo usar sintaxiHighLighter? Espero que te pueda gustar este artículo.