supilog環境構築からWEBアプリ開発・スマホアプリ開発まで。ときには動画制作やゲームも。コピーボタンを実装する2021/03/22ライブラリ第1回からのサンプルコードを引き継いでいます。最近少しずつhighlight.jsを学んでおり、せっかく学んだからには、本サイトのコードブロックもhighlight.jsにて独自実装するように切り替えようかなと思い始めた今日この頃です。お気に入りのスタイルを探せ。2021/03/232021/03/22ライブラリ第1回から第3回までの調査(調査だったんかい!というのは、さておき)で、かなり実用にまわしても問題ないレベルになった。最後にお気に入りのスタイルでも探して締めくくろうと思う。いうのもhighlight.jsのウリのひとつは、97種類もスタイルがあること!一覧は公式で試せるので、まずは見てみよう。行数を表示する2021/03/212021/03/22ライブラリ第1回では、highlight.jsを使ってみるところをやった。非常に簡単にソースコードのハイライト表示が扱えて初心者にも優しい。そんな今回は、行数を表示してみる。表示方法はいくつかあるようだが、CSSを使って行数カウントをしてみる。準備とハイライト表示2021/03/172021/03/22ライブラリ前回の記事で、いくつかのハイライト表示ライブラリを比較してみた。その中でも、様々な言語への対応や多様なスタイルが用意されていることが魅力的だったので、「highlight.js」を取り上げて詳しく掘り下げていきたいと思っている。今回は、原点である使い方の部分についての記載。Block」プラグインを使用している。本ブログで採用しているプラグインは、選択できる言語はそんなに多くないが、見た目も綺麗だし行数も表示されるし、なかなか気に入っている。Author:SupiJava,PHPでWEBアプリ開発がメイン。iOSアプリも作成する。初学者の方のサポートにも力を入れています。ご相談などはお気軽にどうぞ。