Blogger:SyntaxHighlighter(10)SQL用のSyntaxHighlighter Brushファイルを導入

前の関連記事:linuxBean14.04(23)Makefile用のSyntaxHighlighterのBrushファイルを作る


linuxBean14.04(20)BloggerにSyntaxhighliterを導入する方法で導入したSyntaxhighliter3.0.83に付属のshBrushSql.jsをBloggerのHTML/JavaScriptガジェットに貼り付けます。

shBrushSql.jsの内容を圧縮してHTML/JavaScriptガジェットに貼り付ける


SyntaxHighlighter - DownloadからダウンロードしたSyntaxhighliter3.0.83のscriptsフォルダにあるshBrushSql.jsの内容を/packer/でShrink variablesにチェックをつけて圧縮します。

linuxBean14.04(20)BloggerにSyntaxhighliterを導入する方法で作ったSyntaxhighlighterのHTML/JavaScriptガジェットを入れたウィジェットのIDはHTML5でした。(Blogger:レイアウト編集(10)ウィジェットのIDを確認する方法参照。)


ウィジェットID HTML5の内容をGeanyに貼り付けて導入済のBrush一覧の最後にshBrushSql.jsを貼り付けました。

Xml, CSS, Python, Java, Bat(DOSコマンド), JQuery, Bash, Makefile, SQL

全部で9個のBrushになりました。
<pre class="brush: sql;">SQLコード</pre>
これでSQLコードのシンタックスハイライトができます。
CREATE TABLE departments (
    dept_no     CHAR(4)         NOT NULL,
    dept_name   VARCHAR(40)     NOT NULL,
    PRIMARY KEY (dept_no),
    UNIQUE  KEY (dept_name)
);

参考にしたサイト


SyntaxHighlighter - Download
SyntaxHighlighterのダウンロード。

/packer/
JavaScript圧縮ツール。
PR

0 件のコメント:

コメントを投稿