Html 如何在文本区域中添加图像？单击按钮时如何添加相同的图像

我有一个文本区域和添加按钮。当我加载页面时，我想将图像放置在文本区域。当单击添加按钮时，相同的图像将添加到文本区域。但我无法获取。这是我的代码

<div class="container" style="width:500px">
<div class="control-group" align="left" style="float: left" onselect="selectText()">
<textarea id="myTextarea" contenteditable="true" style="height: 200px; width: 300px" onclick="storeCaret(this);"
onselect="storeCaret(this);" onkeyup="storeCaret(this);"> </textarea>
</div>
<div style="float: left;margin-left: 5px">
<input type="button"  value="Add Gap"  onclick="insertText();">
</div>

---

请帮助我

您不能将图像插入文本区域，因为它们只支持纯文本。您可以查看插入文本的位置（）code？文本区域不能包含图像，只能包含文本。也许你需要一个所见即所得编辑器，比如