テスト：「SyntaxHighlighter」

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!--SYNTAX HIGHLIGHTER ENDS-->

<b:if cond='data:top.showTimestamp'>
    <h6 class='date-header'><span>post <data:post.timestampISO8601/></span></h6>
<b:else/>
    <h6 class='date-header'><span>page</span></h6>
</b:if>

HTMLのエスケープには「HTML-encode a string」が使いよかった。

SELECT *
FROM users
WHERE user_id = 1212;

例えば，.xmlの一部をAquamacsのスクラッチ・バッファにペーストしてから全体をハイライトして，「Emacs で HTML エスケープできた」に従って「M-x sgml-mode」に変更後に，「M-x sgml-quote」すると全体がエスケープできる；

<b:if cond='data:top.showTimestamp'>
<h6 class='date-header'>
<span>post <data:post.timestampISO8601/>
</span></h6>
<b:else/>
<h6 class='date-header'>

<span>page</span></h6>
</b:if>
M-x sgml-mode

これをpre-tag「；

• <pre class="brush:選定の略号">と
• </pre> 」とで挟む； 

各種プログラムのbrash選定略号は；

• http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

<b:if cond='data:top.showTimestamp'>
  <h6 class='date-header'>
  <span>post <data:post.timestampISO8601/>
  </span></h6>
<b:else/>
  <h6 class='date-header'>
  <span>page</span></h6> 
</b:if>

だいぶ感触は掴めてきたが，未だ縦のスクロール・バーが取れないなぁ。

折角，行番号が付くのだから，長い行は自動的に折り返して表示できれば，横のスクロール・バーも取れるのだが。

前のポストに書いたが，Embed Code Syntax Highlighting in Blogには，版がv2.1.364と古いものの，ロールバーがなにも付かないで，その代わりに1行が自動的に折り込まれている事例がある。私の欲しい表示モードである。

このサイトの関連を色々と調べてみたが，古いスクリプトの置き場が判らなかった。でしかたがないんで，メールをだそうかと思った時に，上の資料そのものが古いヴァージョンの在処を間接的に示しているのだと気がついた。なので，そのセッティングをそのままもらって動かしてみた。

すると，なんとスクロール・バーなしで奇麗に表示出来る。ただし新しい版とちがって，マウスでコピーすると式番号も一緒についてくる。ところが，右上の部分をクリックして，その左端をクリックすると，式番号なしのテキストがポップアップするので，それからコピーすればよい。自分の感覚だとこの版の方が使い勝手が善いとかんじるがなぁ。

このブロガだけがハングアップした。他のブログのダッシュボードから最新版の利用にもどす。一度メールして「スクロール・バー」のない最新の版を入手出来ないか聞いてみるかな。

Hostingを読んで，v2.1.382も利用出来るのを確認したので替えてみた。どうだろうか？良ければ，このソース・ファイルを分けてもらうかな。

各種プログラムのbrash選定は；

• http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

ーーーー
このポストの履歴
開始 2011-06-24 17:01
追加 2011-06-25 16:51 v2.1.364
追加 2011-06-25 17:55 v2.1.364だとハングアップしたので戻す。残念。
追加 2011-06-25 19:19 v.2.1.382。