PAGE TOP

Top Page > スポンサー広告 > ○見やすい!「SyntaxHighlighter」で紹介したいソースコードを装飾!▽FC2blog > HTML関連 > ○見やすい!「SyntaxHighlighter」で紹介したいソースコードを装飾!

スポンサーサイト

--------  編集する スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

○見やすい!「SyntaxHighlighter」で紹介したいソースコードを装飾!

2014-01-17  編集する コメント数:0  HTML関連 


○やすぅーな


SyntaxHighlighter」ってちょー便利だよねー
ソースコードの行番号や各行背景色で見やすいからさぁ




○そーにゃ


?なんだそれ?




○やすぅーな


またまたぁ~、いろんなソースコード載せるとき使うSyntaxHighlighterって定番でしょ~




○そーにゃ


そ、そうなのか?




○やすぅーな


んで、「SyntaxHighlighter」を使いたいときはぁ~

1・まず、JSやCSSの入った「SyntaxHighlighter.zip」をとってきて

2・フォルダ内の.../scripts/の中にあるJSとSWF、.../styles/の中にあるCSSをアップロードして

○必要なJS
shCore.js
shBrushCpp.js
shBrushCSharp.js
shBrushSql.js
shBrushCss.js
shBrushDelphi.js
shBrushJava.js
shBrushJScript.js
shBrushPhp.js
shBrushPython.js
shBrushRuby.js
shBrushVb.js
shBrushXml.js


○使うSWF
clipboard.swf

○使うCSS
shCore.css
shThemeDefault.css



3・下記のように「head」内に書き込めば、OK




















これで、使えるようになるんだよ?
どう?簡単でしょ?





○そーにゃ


・・・そぉか?
そもそも、ソースコード載せるときのタグは、どうするんだ?





○やすぅーな


あっ、そっか

HTMLのときは、

表示させたいソースコード


CSSのときは、

表示させたいソースコード


で使えるようになるよ~
あ、そうそう、表示させたいソースコードは「特殊文字に変換して使ってね





○そーにゃ


特殊文字?




○やすぅーな


あー、それは、「雑用タマテバコ」ってところで一括変換できるよ~

もっと、詳しく知りたいときは「こちら」まで~
FC2ブログで活用したいときの詳細は「こちら」~
「SyntaxHighlighter」自体がもっと知りたいなら「こっち」まで~



コメントの投稿   コメント入力へ





◎表情







カテゴリ
プロフィール

Jackman

管理人:Jackman
名前:Jackman
担当:管理人
趣味:ネタ収集


◇登場人物・・・

名前:アザズゥー
担当:ツッコミ
趣味:人間観察


名前:クロウェー
担当:情報収集
趣味:占い・絵


名前:穂坂
担当:独断行動
趣味:森羅万象


名前:カク
担当:Android
趣味:潜入捜査


名前:くのいち
担当:PC
趣味:戦国無双


名前:AGIRI
担当:難問解答
趣味:密偵


名前:そーにゃ
担当:研修生
趣味:読書


名前:やすぅーな
担当:サイト拡張
趣味:日々発見


名前:長渡
担当:ユーロB
趣味:エレクトロ


名前:脳筋Ash
担当:筋肉活動
趣味:肉体覚醒


名前:片阜
担当:隠遁の術
趣味:火遁の術

No.
最新記事
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。