Question

我在textarea中显示图像时遇到问题请帮我解决一下感谢

Answer 1

Textareas只能保留纯文本。使用contenteditable或功能齐全的编辑器（如TinyMCE）可以帮助您解决问题。

Answer 2

作为已经提到过的兄弟，textarea只能保留纯文本。

您可以使用div元素并将contenteditable属性设置为true。

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

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

以下是其中几个：

Answer 3

您无法在textarea中显示图像。 Textarea只接受纯文本。

Answer 4

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

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

http://premiumsoftware.net/cleditor/

Answer 5

你可以试试这个：

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

<强> JQUERY

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

Answer 6

答案是肯定的，图像可以放在textarea中。

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

将任何图片转换为base64字符串。（免费在线转换器可用，基本64文件大小有限 - 大约30k图像大小）;一个简单的url()背景声明没有为我显示图像。
在线转换器通常会输出<img>标记和CSS背景属性，并使用上传图像中的正确值。只需将CSS输出复制并粘贴到您自己的文件中即可。使用网址数据声明 - url(data:image/ext.....)
在样式声明中使用base64 css作为背景。
要更改图片，您必须更改div id=""或class，其中您的基础64在background-image或{{1}中定义为class }}
进行转换非常耗时，因此请确保在开始之前确实需要textarea中的图像。

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

6 个答案: