Question

I have an image and a text area.

I want to ouput the image in the text area using Jquery. However when I try, it just outputs the html instead of the image, how can I output the image to the text area:

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

I have set up a jsfiddle in order to demonstrate the scenario and to illustrate what I have tried.

http://jsfiddle.net/DpeU7/

I know its called a *text*area for a reason, but am looking for a way to do this.

Answer 1

You can use div with contentEditable="true" instead of textarea.

Look at here.