textareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」!

2016/07/16

こんにちは。
今回はtextareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」!です。

textareaに行数を表示できるjQueryプラグインを紹介します。

textareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」!

JQuery LinedTextArea

jquery-linedtextarea

 

jQueryプラグイン「JQuery LinedTextArea」をダウンロードしてみよう!

http://alan.blog-city.com/jquerylinedtextarea.htmにアクセスし、下部の「Download」の箇所をクリックして、ダウンロードします。

 

jQueryプラグイン「JQuery LinedTextArea」を設置してみよう!

jquery-linedtextarea.cssをhead内に読み込みます。

 

jQuery本体とjquery-linedtextarea.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
selectedLineでハイライトできますよ。

 

html部分を記述します。
先ほど指定したlinedというクラスを付けますよ。

 

jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

 

いかがでしたか。知っておくと便利ですね。
以上でtextareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」!でした。

Related Post

topへ戻る