If SL = RL then ..

LSL CodeHighLighter 2.0 を公開します。

ブックマークレット版　もあります。

動作確認

• FireFox 2


• IE 6

動作報告お願いします＞＜

機能

• ポップアップでリファレンス参照


• 公式WikiやBlackSheepへのリンク表示


• LSLPortal と連動して LSL定義情報の自動更新


• 行番号、表示・非表示切替


• ワンクリックコピー


• SLMaMeで改行が余分に入る問題に対応


• 必要なときのみjsファイルを読み込むことで負荷低減

使い方

1. ファイルを準備


次のファイルを右クリックで保存してください
StyleSheet
jquery ライブラリ
HighLighter2
Copy用Flash

以上を、適当なWebスペースにアップロードしてください。

jsファイルがダウンロードできなくなっています。
こちら
から取得ください＞＜


2. ブログのヘッダーに次の文字を書く

SLMaMe の場合は
管理画面＞テンプレート＞カスタマイズ
の　トップページ、個別記事、アーカイブ　それぞれの 直前に書きましょう



<!-- CodeHilighter 2 ここから -->
<link rel="stylesheet" type="text/css" href="http://○○○/style.css" />
<script type="text/javascript" src="http://○○○/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="○○○/HighLighter2.0.js"></script>
<script type="text/javascript">window.onload = function(){dp.setUp({
line:true,
clipbrd:'○○○/clipboard.swf'
});};
</script>
<!-- CodeHilighter 2 ここまで -->



○○○ は ファイルをアップロードしたサーバーのURLに書き換えてください。
ラインの行番号が要らない人は、 line:true を line:false に変えてください。

すでに pre タグでコードを書いている、という方は
そのpreタグのクラス名を 書いてください。
　line:true,
　cls:'LSL',
　clipbrd:'○○○/clipboard.swf'
とすれば、いけます。

見た目をカスタマイズしたい方は、cssを書き換えてください。



3. ブログ内に <pre class=lsl> </pre> でソースを書く

< や > が色分けうまくされない場合は
&lt; &gt; と置換してあげてください。
htmlタグと誤認されて 色分けがおかしくなることがあります。

ライセンス

トラックバックライセンスにします。
そんなのあるのか知らないけどｗ

使う方は、使ったよーという記事と
この記事へのトラックバックを義務とします。

バグがあった場合の連絡経路確保のためです。
本音は、やっぱり使ってる人のサイトも見てみたいのでｗ

再配布はやめてください＞＜

大規模な改造をした場合の再配布は可。
配布前に一報ください。確認します。

免責

このライブラリをつかった上で発生した
いかなる損害・もめごとも　jvn writer こと 岡本 豊 は責任を取りません。
ご了承ください。

不具合・機能追加要望は　本記事へのコメント・トラックバック・はてなコメントｗ　で受け付けます
お気軽にどうぞ。

感謝

• LSL CodeHighlighter 製作者の sabro さん


• BlackSheep の Miz さん


• LSL Portal 日本語訳されている Asuka さん


• LSL Portal 関係者のみなさん

2008/3/6 jsファイルのダウンロード先を変更しました＞＜