jqueryでtextarea内のタブ入力、tab,shift+tabを有効にする。

2014年12月14日更新 view: 24 view
http://www.gigafree.net/internet/googlechrome/TabList2.png

テキストエリアでタブを使う

特にプログラムのコードなどを挿入する場合に tab を使いたい場合がある。
方法をご紹介。

https://github.com/julianlam/tabIndent.js
からtabIndent.jsをダウンロード
し、読み込む。

<script>
$(function () {
tabIndent.renderAll();
});
</script>
スポンサードリンク

テキストエリアにclassをつける

tabIndent と class をつければ
そのテキストエリア内では tab が有効になる。
また、shift+tabでタブを削除することも可能。

<textarea class="tabIndent">

このテキストエリアは
タブが使えるよ shift + tab もいいよ

</textarea>
スポンサードリンク

関連記事

関連カテゴリ

ぺにこ

まとめーたー最高!今月も稼ぐぞー!目指せ月収100万円!

ピックアップ

パソコン・ソフトウェア ランキング

6月23日 ( 日 ) にアクセスが多かった記事はこちら!