当我点击图像时，它应该显示在文本区域中，就像笑脸一样

文本区域只能保存纯文本。使用可内容编辑或功能齐全的编辑器，如TinyMCE，为您省去麻烦。

正如另一个已经提到的，textarea只能容纳纯文本。

您可以改用 contenteditable 属性设置为 true 的 div 元素。

<div contenteditable="true">
    You can edit this text and also add images! <img src="smiley.jpg" alt=":)" />
</div>

还有许多不同的JavaScript WYSIWYG编辑器使用上述方法或designmode中的iframe。

以下是其中的几个：

• 阿罗哈编辑器
• 加价
• TinyMCE
• 轻量级RTE
• CKEditor

不能在文本区域中显示图像。文本区域只接受纯文本。

文本区域仅支持文本，如果要显示图像/链接或其他任何内容，请使用所见即所得的HTML编辑器

你可以试试这个，一个非常好的;)

http://premiumsoftware.net/cleditor/

你可以试试这个：

.HTML：

<div id="image_txtarea" style="width:auto"> 
<img src="image/Example.jpg" id="image" style="position:absolute"/>
<textarea id="some" style="position:absolute;display:none"></textarea>
</div>

简讯

$('#image').click(function(){
    var img = $('#image');
    $(this).hide().next('textarea').show().css({'background':'url('+ img.attr('src') +') no-repeat center center','width':img.width(),'height':img.height()});
});

答案是肯定的，图像可以放置在文本区域中。

我用这种技术在文本区域中放置了一个动画 gif（在 ie-6 和 ff-13.0.1 中工作）：

1. 将任何图像转换为base64字符串。（提供免费的在线转换器，Base 64 文件大小有限制 - 大约 30k 图像大小）;一个简单的url()背景陈述没有为我显示图像。

2. 在线转换器通常会输出<img>标签和 CSS 背景属性，其中包含上传图像中的正确值。只需将 CSS 输出复制并粘贴到您自己的文件中即可。使用 URL 数据语句 - url(data:image/ext.....)

3. 使用 CSS base64作为样式语句的背景。

4. 要更改图像，您必须更改div id=""或class，其中将 Base 64 定义为class或id中的background-image。

5. 进行转换非常耗时，因此请确保在开始之前确实希望在文本区域中显示图像。