bl6.jpホーム買いものお出かけ雑記bl6.jp備忘録を綴るブログmenuホームJavaScriptテキストエリア(textarea)などで行番号を追加できるjQueryプラグイン「bcralnit.js」JavaScript2017.02.23テキストエリア(textarea)などで行番号を追加できるjQueryプラグイン「bcralnit.js」bcralnit.jsはテキストエリア(textarea)やpre、divなどで行番号を追加させることができるjQueryプラグインです。Webページ内でHTMLやプログラムのコードなどを表示させたい時なんかに役立ちますね。行番号の背景カラーや文字カラーも指定できますよ。背景カラーや文字カラーの設定もできる以下、bcralnit.jsの実際のデモページです。デモデモではtextareaを使っているものやpre、div、pを使っているものも用意されています。コードが記述されている各行の左側には、上から順番に行番号が表示されています。横に行番号が表示されていることで、どのくらいの行が使われているかを瞬時に理解できるし、記述されているコードの説明をする時に「◯行目の......」と、ピンポイントで指定できるのが便利ですね。各デモを見るとわかると思いますが、表示させる行番号では背景カラーや文字カラーを指定することも可能です。これらは、オプションから好きなカラーを設定できます。背景カラーや文字カラーのほかにも、横幅サイズの指定も可能です。具体的には、width、background、color、addClassというオプション項目があります。デフォルト値は、widthが60px、backgroundが#ddd、colorが#333です。使い方もシンプルで手軽に実装できる上に、背景カラーや文字カラーなども好きな色にカスタマイズできるのがいいですね。いうわけで、textareaやpreなどに記述したテキストに行番号を追加させたいという人は、ぜひ「bcralnit.js」を使われてみてはいかがでしょうか?bcralnit.jsの詳しい実装方法やダウンロードは以下からどうぞ。Slideshow」次のページ検索:最近の記事2023.05.26MySQLのパスワードが原因だったWordPressのダッシュボードを開くたびに「PHPが古いからバージョンアップ...2023.05.2510時開店のカフェもなかなか使い勝手がいいオールドデリーに行きたくて少し早めに銀座へ到着したのはいいものの、いや少しではな...2023.05.23なぜか2枚目のナンが運ばれてくる(笑)ひさしぶりに銀座のオールドデリーへ行ってきた。いつのまにか移転したらしくメルサか...2023.05.22実るほどこうべをたれる、いや最初からこうべは真下か...スタバを終えて歯医者までまだ時間があったから公園まで散歩することにした。