textareaへの入力支援機能（ボタン）[Javascript]

質問

textareaへの入力支援機能（ボタン）[Javascript]
他の方が質問されていた件への回答についてのですが、

http://okwave.jp/qa/q2097862.html

ANo.3の方の回答を参考にブログにあるようなテキストエリアへの入力支援機能を作成しています。

javascriptはあまり詳しくないので、まず丸々コピーをして
テストを行っていたのですが、FIREFOXだと正常に動きますが、
IEの場合、テキストを選択せずにボタンを押すとボタン内に直接タグが追加されてしまいます。

テキストを選択した状態ですと正常に動作するようです。

テキストを選択しなくてもタグが挿入されるか、テキストを選択していない場合はタグが挿入されないようにしたいのです。

色々いじってみたのですが、思うように動かすことができませんでした。。
詳しい方、対処方法がわかる方がいらっしゃったらぜひ教えていただけないでしょうか。
宜しくおねがいします。

回答No.1

JaneDue · ベストアンサー

人様のscriptに手を加えてそっくり載せるのはなんですので、お手数ですが、
var str=document.selection.createRange().text;
という行がありますので、その最後に
if(str=='')return;
を加えてください。function bold()とfunction italic()の２箇所です。

以下余計なお世話かも知れませんが、どうしても自分で開発したいのなら別として、単に「textareaへの入力支援機能」が欲しいのであれば、フリーのスクリプトが多数配布されていますよ。自分のサイトのtextareaを ちょっとしたHTMLエディタに変身できます。

CKEditor: http://ckeditor.com/demo
FreeTextBox: http://freetextbox.com/demos/
その他いろいろ
http://phpspot.org/blog/archives/2009/08/javascriptwysiw_1.html

本家はほとんど英語ですが、各エデイタ名で検索すれば、日本語の解説サイトも多数出るはずです。
ご参考までに;

お礼

ありがとうございました！
色々検索してはみたのですが、キーワード足らずか
思い通りのものを見つけることができず、OKWEBを利用させていただきました。
早速拝見させていただきます。

追加スクリプトもありがとうございました。