エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Webページ上でソースコードを綺麗に表示するSyntaxHighlighterとは : じょえずブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Webページ上でソースコードを綺麗に表示するSyntaxHighlighterとは : じょえずブログ
こんにちは、じょえずです。 最近IT技術系のブログらしくソースコードのサンプルを掲載することが多くな... こんにちは、じょえずです。 最近IT技術系のブログらしくソースコードのサンプルを掲載することが多くなりました。 そんな時ブラウザ上のテキスト情報としてソースコードを綺麗に見やすく、カッコよく掲載するのに使っているSyntaxHighlighterを紹介します。 今回はその概要とセットアップについて書いていきます。 $(function(){ //ボタンクリック時の動作 $('#mybutton').on('click', function(){ //hogeをアラート alert("hoge"); }); }); こんな感じでソースコードの説明のために、コードそのものを記事上に載せるとします。でもちょっと見栄えもよくないし、ソースの内容によっては特殊文字をエスケープして記述しないといけない場合もあります。 そんな時SyntaxHighlighterを使うと、 $(function(){ /