エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
google-code-prettifyでソースをハイライトする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
google-code-prettifyでソースをハイライトする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
仕事柄、分からない事があるとすぐにネットで調べるんですが、そうした時に公開されているソースに色が... 仕事柄、分からない事があるとすぐにネットで調べるんですが、そうした時に公開されているソースに色が付いているブログをよく見かけます。あれ綺麗で見やすいので実装したいなーと思ったので、調べてみたところ、 google-code-prettify という便利なものがありました。 実装方法 まずはgoogle-code-prettifyから必要なファイルをダウンロードしてきます。 解凍すると、prettify.jsとprettify.cssのふたつが入手できます。 jsファイルはハイライトさせる為の本体。CSSファイルは、ハイライトの色を指定してあります。 まずはheader内にて、jsとCSSファイルを読み込みます。パスは動作環境によって変えてください。 <tt><script src="src/prettify.js" type="text/javascript"></script> <lin