SyntaxHighlighter 2.0.0 for Joomla!1.5 Released

This is a plugin for syntaxhighlighting your code by using SyntaxHighlighter 2.0 Javascript Library.

*** Version 2.0.1 Released ***

About SyntaxHighligher 2.0 Javascript Library

Home : http://alexgorbatchev.com/wiki/SyntaxHighlighter

Project Home : http://code.google.com/p/syntaxhighlighter/

License : LGPL 3

How to use

• If your code is legacy(1.x), please set Legacy Mode to enabled.
• If you use Windows Live Writer, please see a following link.
  • SyntaxHighlighter Plugin http://wlwsyntaxhighlighter.codeplex.com/
    However this plugin is for SyntaxHighlighter version 1.x. If you use this live writer plugin, please set Legacy Mode to enabled in the parameters of SyntaxHighlighter Plugin of Joomla.
• Please select a theme.
• Example
  • <pre class="brush: php; first-line: true; ruler: true;">your source code</pre>
  • More Info

protected function _getVersion()
{
    $version = '';
    $this->getData();
    if($this->_data->type > 0){
        $version = trim( JRequest::getVar('v', '', '', 'cmd') );
        if(!empty($version)){
            $version = '_'. $version;
        }
    }

    return $version;
}

以前からどこかの記事を見て知っていたのですが使っていませんでしたが、今回ふと思い立ち使ってみました。

はじめは、ヘッドタグに書き込むだけで良いのかと思っていたら

The script only fixes images named: *-trans.png

と書かれています。どうもファイル名に-transがついていないと何もしないようですね。

http://code.google.com/p/ie7-js/

そこで

1. #__contentテーブルだけをphpMyAdminからDROP TABLEとIF NOT EXISTSオプションを追加して（他はデフォルトのまま）エクスポート。
2. テキストエディタで1のsqlファイルを開き正規表現の置き換えで以下のように指定し、pngファイルを指定しているすべてを置き換えた。
   
   検索する文字列　(src="/[^"]*)(\.png")
   
   置き換え後の文字列　\1-trans\2
3. サーバーのイメージの保存場所から全てのイメージをダウンロードし、これまたファイル名を正規表現で置き換えます。
   現在の名前.png　を 現在の名前-trans.pngに置き換える。
4. 全てのイメージをサーバーにアップロードします。
   （万一のリンク切れが発生しないように以前のイメージはそのまま残るようにしています。）
5. テンプレートのindex.phpまたは、CustomHeadTagプラグインを使っているなら以下をヘッドタグに追加します。（IE8.jsを使うならIE7.jsを指定する必要はないようです。）
   <!--[if lt IE 8]>
   <script src="http://あなたのサイトのJSまでのURL/IE8.js" type="text/javascript"></script>
   <![endif]-->
6. 完了

いかがでしょう右上にPNGを貼り付けてみましたが・・・・。

オチがありました。

Googleのモジュールばかりを表示していてそのまんまデモサイトとなっていたのでテンプレートを更新してみました。

　まだ、手直ししないといけないところがたくさんあって大変です。デモが１．５のみになってしまいましたので逐次デモメニューに追加していきます。

　今回も、blueprint css framework を使用しています。とにかくレイアウトが短時間で作成できるのでとっても便利です。CSSなどのファイル量は多いと思いますが、そのあたりは今後圧縮なりと考えています。

Blueprintで少し・・・