2012年2月5日日曜日

Blogger上にプログラムソースをきれいに表示する方法

Blogger上にプログラムソースをきれいに表示する方法として,ここ( http://toldalie.blogspot.com/2012/01/blogger_31.html )
が参考になりました.


まとめると,
(i) HTMLコードをここ( http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator )で生成してコピー.

(ii) Bloggerの ”デザイン>HTMLの編集>” でテンプレートのソースを表示し(i)でコピーしたコードを</head>の直前にペーストする.

(iii) 投稿記事をHTML編集モードで開いて以下のタグを挿入.
<pre class="brush: c++; tab-size: 2">
// コードを記述</pre>
上記ソースはC++プログラムを貼り付ける場合の例.



実際に使ってみたら,
作成された HTML ファイルは承認できません: タグが破損しています:
とか怒られる.
無視して記事を投稿すると,ソースが変わってたりする.
いろいろ調べたら,”<”とか”>”はHTMLにおけるタグと勘違いしちゃうよ!ってのに気付いて.
"<" ⇒ "&lt;"
">" ⇒"&gt;"
に置き換えたら怒られなくなった.
SQLインジェクションとかサニタイジング周りを昔浅く勉強してたのですぐトラブルシュート出来た.
参考サイト: http://www.imymode.com/lab/keiji03.htm

0 件のコメント:

コメントを投稿