1. Download
SyntaxHighLighter 3.0.83: http://alexgorbatchev.com/syntaxhightlester
2. Configuração
(1) A etiqueta padrão para a análise SyntaxHightlester é pré
A cópia do código é a seguinte:
SyntaxHighLighter.config.tagname = "div";
(2) Remova as etiquetas de interrupção da linha HTML
Se o seu software adicionar tags <r /> no final de cada linha, essa opção permite ignorar essas tags.
O código de implementação em shcore.js é:
A cópia do código é a seguinte:
if (sh.config.stripbs == true)
str = str.Place (BR, '');
SyntaxHighLighter.config.stripbrs = true;
(3) A barra de ferramentas não é exibida
A cópia do código é a seguinte:
SyntaxHighLighter.Defaults ['barra de ferramentas'] = false;
3. Use no código
3.1 Brush é uma opção necessária e o restante é opcional:
A cópia do código é a seguinte:
<div> Algum código Java </div>
Valor da escova: java/xml/sql/c/js/css, etc., consulte: http://alexgorbatchev.com/syntaxhighlighter/manual/brushes/
3.2 Chamada de sombreamento:
A cópia do código é a seguinte:
SyntaxHighLighter.Highlight ();
ou
A cópia do código é a seguinte:
SyntaxHighLighter.all ();
A diferença entre todos () e destaque () é que tudo () está registrado no evento ONLOAD ().
4. Use no parque do blog
O Blog Park suporta SyntaxHightlester por padrão. O código altera o valor padrão (porque o jQuery não suporta a definição do! Estilo importante, portanto, o CSSTEXT precisa ser definido):
A cópia do código é a seguinte:
var sh = $ (". SyntaxHightlester");
var code = sh.find ("código");
var linha = sh.find (". Linha");
var lege = sh.find ("Legenda da tabela");
sh.css ("csStext", "Largura: Auto! IMPORTANTE");
code.add (linha)
.Add (legenda)
.css ("csStext", "Size de fonte: 20px! IMPORTANTE; espaço branco: Nowrap! IMPORTANTE; altura da linha: 1.5em! IMPORTANTE;");
O acima é tudo sobre este artigo. Você já entendeu um novo entendimento de como usar o SyntaxHighLighter? Espero que você possa gostar deste artigo.