こんにちは。
今回はtextareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」！です。
textareaに行数を表示できるjQueryプラグインを紹介します。
textareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」！
JQuery LinedTextArea
jQueryプラグイン「JQuery LinedTextArea」をダウンロードしてみよう！
http://alan.blog-city.com/jquerylinedtextarea.htmにアクセスし、下部の「Download」の箇所をクリックして、ダウンロードします。
jQueryプラグイン「JQuery LinedTextArea」を設置してみよう！
jquery-linedtextarea.cssをhead内に読み込みます。
[html] [/html]
jQuery本体とjquery-linedtextarea.jsを/bodyの手前に読み込みます。
[html]
[/html]
その下に下記のスクリプトを記述します。
selectedLineでハイライトできますよ。
[javascript]
$(function() {
$(“.lined”).linedtextarea(
{selectedLine: 5}
);
});
[/javascript]
html部分を記述します。
先ほど指定したlinedというクラスを付けますよ。
[html]
[/html]
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
知っておくと便利ですね。
以上でtextareaに行番号を表示してくれるjQueryプラグイン「JQuery LinedTextArea」！でした。
