Php 当我点击图像时，它应该显示在文本区域，比如smiley

我在文本区域显示图像时遇到问题 请帮我解决这个问题

---

谢谢

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

text区域只能容纳纯文本。使用或使用功能齐全的编辑器，这样可以省去麻烦。

正如前面提到的另一个灌木林，文本区只能保存纯文本

您可以改为使用属性设置为

true

的

div

元素

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

您可以编辑此文本，也可以添加图像！

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

iframe

这里有几个：

---

Textarea仅支持文本，如果要显示图像/链接或任何其他内容，请使用WYSIWYG HTML编辑器

你可以试试这个，非常好的；）

您可以尝试以下方法：

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>

---

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

我使用以下技术在textarea中放置了一个动画gif（在

ie-6

和

ff-13.0.1

中工作）：

将任何图像转换为

base64

字符串。（免费在线转换器可用，基本64文件大小有限制-大约30k图像大小）；一个简单的

url（）

背景语句没有为我显示图像

在线转换器通常从上传的图像中输出具有正确值的

标记和CSS背景属性。只需将CSS输出复制并粘贴到您自己的文件中。使用url数据语句-

url（数据：image/ext…）

在样式语句中使用

base64

css作为背景

要更改图像，您必须更改

div id=”“

或

class

，其中base 64在

class

或

id

中定义为

背景图像

转换非常耗时，因此在开始之前，请确保您确实希望文本区域中有图像

---

请不要访问w3schools.com。使用不受经济利益支配的适当资源。。。请参阅@Marcus并再次添加，W3学校在此页面上是准确的，而且对于初学者来说比W3规范可读性好得多。没有理由对W3学校链接进行地毯式轰炸-@Blowski，不管特定页面是否准确。他们已经证明自己不是一个可靠的来源，尤其不应该给初学者，因为他们肯定会使用该网站查找其他可能不正确的内容。我不同意比尔的观点：）

$('#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()});
});