html - 如何在文本区域中添加图像以及单击按钮时如何添加相同的图像

Question

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

<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>

请帮我

Answer 1

您不能将图像插入文本区域，因为它们只能用于纯文本。你可以看看https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable