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

2014年12月14日更新 view: 32 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>
スポンサードリンク

関連記事

関連カテゴリ