[AJAX] dp.SyntaxHighlighterの導入
- 2008.02.07(木) 05:01
この方の記事を参考にFC2ブログにソースコードの装飾をしてみました。
・FC2tyle-FC２ブログstyle-
ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
・FC2tyle-FC２ブログstyle-
ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
この方ほど美味くいけてるか分からないけど、何とか様にはなった。
ただ、問題は、FC2ブログの改行の扱いをHTMLタグのみにしなければならず、
自分で<br />タグを入れなければならないのが不便。
高機能テキストエディタを使うと、<textarea>タグ・<pre>タグがHTMLタグ扱いにならず、
文字列変換されてしまう・・・。
また、JavaScriptを<head>タグ内に書いても動作しないところが、なんとも・・・。
window.onloadファンクションで呼ぶように全部のスクリプト変えないとダメかもしれない。
導入方法、ブログ書き込みには、いけてないものの、見栄えの点においては
良い感じではないだろうか。
はてな使えはなしで！
ちなみに、<pre><textarea></textarea></pre>となっているが、
両方書くといまいちだったので、どちらかのタグだけにした。
もちろん、クラス指定をすれば、片方でも動く。
こんな感じ。
classセレクタを変えれば以下のものが使える。
ただ、問題は、FC2ブログの改行の扱いをHTMLタグのみにしなければならず、
自分で<br />タグを入れなければならないのが不便。
高機能テキストエディタを使うと、<textarea>タグ・<pre>タグがHTMLタグ扱いにならず、
文字列変換されてしまう・・・。
また、JavaScriptを<head>タグ内に書いても動作しないところが、なんとも・・・。
window.onloadファンクションで呼ぶように全部のスクリプト変えないとダメかもしれない。
導入方法、ブログ書き込みには、いけてないものの、見栄えの点においては
良い感じではないだろうか。
はてな使えはなしで！
ちなみに、<pre><textarea></textarea></pre>となっているが、
両方書くといまいちだったので、どちらかのタグだけにした。
もちろん、クラス指定をすれば、片方でも動く。
こんな感じ。
classセレクタを変えれば以下のものが使える。
- XMLコードの場合、class="xml"
- CSSコードの場合、class="css"
- JavaScriptコードの場合、class="js"
- Rubyコードの場合、class="ruby"
- SQLコードの場合、class="sql"
- Visual Basicコードの場合、class="vb"
- Javaコードの場合、class="java"
- pythonコードの場合、class="python"
- C#コードの場合、class="c#"
- C++コードの場合、class="c"
- Delphiコードの場合、class="delphi"
FC2ブログの仕様や、dp.SyntaxHighlighterの動作仕様が今一なので、
万人にオススメできないのが残念な印象ですた。
コメント
コメントの投稿
« [Tool] Google Analytics の設定 l Home l [Oracle] キーブレイクを表現してみる »