SQLの窓 イラストAC フリー素材

2018年02月08日

テキストエリアでタブ処理

ブラウザ上のテキストエリア( 複数行の入力 ) では、TAB キーによるタブコードの入力ができませんが、クリップボードから貼り付ける事はできます。

しかし、それでは直接ソースコードのタイプするのに苦労するのが実際です。

そこで、スクリプトを使って TAB コードの挿入を可能にし、通常のエディタのように、選択状態の内容に一括してタブコードを挿入してインデントできるようにしました。

SHIFT+TAB では 選択範囲のTAB コードを一括して削除します

実装コード
<script src="https://lightbox.sakura.ne.jp/toolbox/tabtextarea.js"></script>

<script>createTabTextArea("sample1");</script>></textarea>
<br>
<script>createTabTextArea("sample2",60,8,"myclass");</script>></textarea>

以下で入力できます。

> ここを 選択して タブキーを押す
>




タグ:javascript
【JavaScriptの最新記事】
posted by at 2018-02-08 12:42 | JavaScript | このブログの読者になる | 更新情報をチェックする


Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX