JavaScriptでテキストエリアのカーソル位置に文字を挿入する方法

前回の記事で、WordPressの投稿画面の話をしましたが、そういえばこの投稿画面にあるタグ挿入のボタンって便利だなぁ、と思ったので、JavaScriptでテキストエリアに文字列を挿入するサンプルを作ってみました。 要するにHTMLタグであるtextareaにボタンひとつで好きな文字列を挿入する機能です。 テキストエリアの末尾に文字列を挿入するサンプル まぁ、テキストエリアの前か後ろに挿入するのは単なる文字列操作だけなので簡単です。 動作サンプル ボタンをクリックするとテキストエリアの末尾に文字が追加されます。 末尾に文字列を挿入 あいうえお かきくけこ さしすせそ JavaScriptコードサンプル <script> function addText() { document.getElementById('textarea1').value += document.getElement