もしこのブログがお役に立ちましたら、次回のAmazonでのお買い物時に こちらのリンクから 購入していただけますと嬉しく思います。

シンタックス・ハイライトツール

Google のソースコード・ハイライトツールについての情報です。

・設置方法
(Blogger に特化した説明ですが、他のブログサービスでもページ内に独自の HTML を追加できるのであれば応用できます)
1.ダッシュボード>デザインタグ>ページ要素 から HTML/JavaScript のガジェットを追加する
2.ガジェットのコンテンツ部分に以下のコードを入力する
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

・使い方
1.ソースコード中の不等号とタブを変換する
(次のページを参照 不等号・タブ変換

2.ソースコードを次のタグで囲む
(自動改行させたくなければ wrap 属性を外す)
<pre class="prettyprint lang-java" wrap>
</pre>

3.言語に合わせて上記 java の部分を適宜書き換える
(対応言語がない場合は lang-java の部分を削除する)

bsh
c
cc
cpp
cs
csh
cyc
cv
htm
html
java
js
m
mxml
perl
pl
pm
py
rb
sh
xhtml
xml
xsl

詳しくは本家の説明を参照。

0 件のコメント:

コメントを投稿