SyntaxHighlighter の記述方法と注意点のまとめ ishii (2008年11月20日 19:24) | 個別ページ | トラックバック(0) カテゴリ XHTML+CSS, ウェブシステム開発 タグ HTML, MovableType, SyntaxHighlighter, リファレンス 設置方法じゃなくて記述方法のまとめ。いちいち覚えてらんないのは歳をとったからなのかなぁ... 基本形 <pre>、もしくは<textarea>で。 <pre>の場合 <pre name="code" class="html"> ... some code here ... </pre> <textarea>の場合 <textarea name="code" class="html"> ... some code here ... </textarea> この記事を見た人は以下のエントリも見

home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成： 2007-06-30T19:14:27+09:00 更新： 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい！ というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScript系 JavaScriptを使って自動で色分けしてくれるようなツール。 元

caraldo.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、caraldo.netが全てとなります。あなたがお探しの内容が見つかることを願っています！

最低限の機能の利用方法 1) オリジナルのダウンロード 2) 改造版のダウンロード 3) 一般的なソースコードの表示手順( 改造前と共通 ) 4) オリジナルのオプション 改造後の機能の使用方法と直接アクセスの方法 【追加仕様1】ツールバーのコントロール毎の表示・非表示の設定 【追加仕様2】ダウンロードリンク・コントロール(ツールバー) 【追加仕様3】ユーザカスタマイズ・コントロール(ツールバー) 【追加仕様4】name で指定したキーワードをそのソースコードの class として追加 【追加仕様5】ユーザ指定キーワード コメント部分の文字列や "" の中の文字列にリンクを適用したい場合 最低限の機能の利用方法 1) オリジナルのダウンロード ダウンロードは こちらです 現時点で、SyntaxHighlighter_1.5.1.rar を解凍すると、 dp.SyntaxHighlighte

記事中でPHPやJavascriptなどのコードを紹介するときにとっても見やすく整形してくれるJavascriptがこのSyntaxHighlighterです。 SyntaxHighlighterの入手 SyntaxHighlighterはGoogle Codeから手に入れることができます。トップページからダウンロードしてください。2008年9月現在のバージョンは1.5.1。 SyntaxHighlighter_1.5.1.rar 設置 ダウンロードしたファイルを解凍すると「SyntaxHighlighter」フォルダができます。そのなかにはScripts、Styles、Uncompressedの三つのフォルダがあります。Uncompressedフォルダには圧縮されていない（ファイルサイズの大きな）ファイルが収めてあるのでこれは使わなくてもいいでしょう。それ以外のフォルダを適当なフォルダ

Yahoo! UI Library: Grids CSSにて、このJavaScriptを使っていましたので使うことにしました。MTなんかでは、公開するソースによっては行番号などの指示をする場合などがありますので何かと便利だと思われます。 dp.SyntaxHighlighterの特徴 dp.SyntaxHighlighter Home Page http://www.dreamprojections.com/syntaxhighlighter/Default.aspx プログラム毎での特定要素の文字色を変えて表示することができます。 各ソースに行番号を付加することができます。 IEであれば、”copy to clipboard”のリンクが表示されて公開しているコードの取得も簡単です。 ”view plain”のリンクでテキストエリアでのソースが別画面にて表示されます。 ”print”のリン