とあるサイトで見かけたステキなコード表示方法のスクリプトが自分も欲しくなり、探して設置してみました・・・・探すのがほんと大変でした。スクリプト名もわからないし・・・・ σ(^◇^;)ヒヤアセ で、探し出したのが「SyntaxHighlighter」です。
どのようなものかは下記にいっぱいある行番号が付加されてるものがそうです。
・・・で、設置してみたのですがちょっと問題がありまして(自分的に)今後使っていこうか、どうしようかと考え中です。
その問題とは・・・・
1. <textarea>の中にコードを記述するのですが、自分の環境の場合のみかもしれませんが一度投稿したものを再度編集すると、改行部分が消えて全てが1行になってしまう・・・・(T^T) それで、色々自動整形無効のプラグイン等を試しましたが効果なし・・・・(TOT)
2. 文字色の編集が簡単には出来ない。 これは非常に問題だ・・・・コードの変更箇所とか追記部分を書く時は、色分けして説明したいのにこれでは・・・・(ノ_・。)
・・・といったところが問題なのですが、これはただ単に自分の知識が足りないだけかもしれません。σ(^◇^;)ヒヤアセ
設置方法
こちらからダウンロードしてください。展開後、出来たjsファイルの入った「Scripts」フォルダのみをアップロード。
StylesフォルダにあるSyntaxHighlighter.cssファイルの内容を既存のcssファイルに追記。
追記・・・その後、上記3行目を追記しました。これを記述することによって「IE」以外でも、「copy to clipbord」が使えるようになる・・・かも?
そしてフッターの</body>の手前あたりに上記の基本コードに、自分の使用したいものを下記を参照し追加して記入。例: この場合、「css」と「php」と「xml」のコードが色分けされます。
使用方法
本文に下記のような感じで記入し、あとは<textarea></textarea>間にコードを記入するだけです。「class=""」に、コードの種類を指定してください。 上記の場合は。xmlになります。
詳しくは、下記を参照してください。
あとは、cssファイルをいじってカスタマイズできます・・・自分の場合は、知識がないので色を変えるくらいしか出来ませんでしたが・・・・σ(^◇^;)ヒヤアセ
人気度 : 16 %


関係のある記事
No user の書き込みがあります
コメントほしぃ~よぉ~ σ(^◇^;)