SyntaxHighlighter 3.0.83 使用上の注意_JavaScript スキル-jsチュートリアル-php.cn

SyntaxHighlighter 3.0.83 使用上の注意_JavaScript スキル

WBOY

リリース： 2016-05-16 16:18:07

オリジナル

1265 人が閲覧しました

1. ダウンロード

SyntaxHighlighter 3.0.83: http://alexgorbatchev.com/SyntaxHighlighter

2. 構成

(1) SyntaxHighlighter によって解析されるデフォルトのタグ。デフォルトは pre

です。

コードをコピーしますコードは次のとおりです:

SyntaxHighlighter.config.tagName="div";

(2) HTML の改行タグを削除
ソフトウェアが各行の末尾に < タグを追加する場合、このオプションを使用すると、それらのタグを無視できます。
shCore.js の実装コードは次のとおりです:

コードをコピーしますコードは次のとおりです:

If (sh.config.stripBrs == true)

str = str.replace(br, '');

SyntaxHighlighter.config.stripBrs=true;

(3) ツールバーを表示しない

コードをコピーしますコードは次のとおりです:

SyntaxHighlighter.defaults['ツールバー'] = false;

3. コード内で

を使用します。

3.1 ブラシは必須ですが、残りはオプションです:

コードをコピーしますコードは次のとおりです:

一部の Java コード

ブラシ値: java/xml/sql/c/js/css など。詳細については、次を参照してください: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3.2 シェーディング呼び出し:

コードをコピーしますコードは次のとおりです:

SyntaxHighlighter.highlight();

または

コードをコピーしますコードは次のとおりです:

SyntaxHighlighter.all();

all() とhighlight() の違いは、all() が onload() イベントに登録されることです。

4. ブログガーデンでの使用

Blog Park はデフォルトで SyntaxHighlighter をサポートしています。デフォルト値を変更するコード (jQuery は !payment スタイルの設定をサポートしていないため、cssText を設定する必要があります):

コードをコピーしますコードは次のとおりです:

var sh = $(".syntaxhighlighter");

var code = sh.find("code");

var line = sh.find(".line");

var caption = sh.find("表のキャプション");

sh.css("cssText", "width: auto ! important");

コード.add(行)

.add(caption)

.css("cssText", "font-size: 20px ! important;white-space: nowrap ! important;line-height: 1.5em ! important;");

上記がこの記事の全内容です。SyntaxHighlighter の使用方法について新たに理解できたでしょうか。この記事を気に入っていただければ幸いです。