javascript - テキストエリアに画像を出力する

Question

画像とテキスト領域があります。

Jqueryを使ってテキストエリアに画像を出力したい。ただし、試してみると、画像の代わりにhtmlが出力されるだけです。画像をテキスト領域に出力するにはどうすればよいですか:

var output = '';
output += '<img src="http://aux.iconpedia.net/uploads/286412642.png" />';
$('#textarea').html(output);​

シナリオを示し、私が試したことを説明するために、jsfiddle をセットアップしました。

http://jsfiddle.net/DpeU7/

理由から*テキスト*エリアと呼ばれることは知っていますが、これを行う方法を探しています。

Answer 1

divのcontentEditable="true"代わりに を使用できますtextarea。

ここを見てください。

Answer 2

テキスト領域に画像を出力することはできません。それをしたい場合は、CKEditorのようなものを使用する必要があります