HTML:有没有办法在文本区域中显示图像?

HTML:有没有办法在文本区域中显示图像?,html,image,textarea,thumbnails,photo,Html,Image,Textarea,Thumbnails,Photo,因此,我想在中显示图像缩略图以及文本。如果您知道一个javascript解决方案也很完美(如果可能的话,在vanilla JS中) 像这样: __________________ |Hello World | | _______ | | | Img | | | | | | | |_____| | |Hello again. | | _______ | | | Img2| | | |

因此,我想在
中显示
图像缩略图以及文本。如果您知道一个javascript解决方案也很完美(如果可能的话,在vanilla JS中)

像这样:

__________________
|Hello World     |
|  _______       |
|  | Img |       |
|  |     |       |
|  |_____|       |
|Hello again.    |
|  _______       |
|  | Img2|       |
|  |     |       |
|  |_____|       |
|________________|
正如我在div或任何具有
contentEditable=“true”
的内容中所知道和看到的,它也允许图像,但允许许多其他HTML标记和许多我不想要的东西:|


我只想要
文本
图像

您可以使用css为textarea设置背景图像,使用js设置文本

简短的回答是不,这是不可能的,抱歉。

我知道您想要编辑文本和图片,但是。。。为什么它必须在文本区域内?此类控件设计用于保存纯文本。有许多用JavaScript编写的HTML编辑器:


使用具有contentEditable属性的div,该属性的作用类似于textarea。这就是所见即所得编辑器的创建方式

div{
宽度:300px;
高度:200px;
边框:1px实心#ccc;
}
在此处键入。你也可以插入图像
您可以编写一个脚本(理想情况下使用PHP)来检查是否存在不需要的元素(除了


然后,您可以将用户发送回“表单”,让他重新填写,或者您可以删除所有不需要的标记。

我不希望文本区域有背景,我希望文本区域内有图像。或者你的意思是用背景黑掉文本区域,让它看起来像文本区域内有一个图像?如果是,那么这不是一个好主意,因为将有多个图像,并且可以更新和删除。编辑我的问题来说明它。据我所知,你不能在文本区域中使用图像,既不能使用CSS背景图像集,也不能使用img元素。我不知道你想做什么,但你可以在文本区域中插入除纯文本以外的任何内容。虽然您可以使用CSS为文本区域设置背景图像,但如果您想更改它,则可以使用javascript更改背景。感谢您回答@ThomasAlt,那么您建议我如何操作?我不确定您想要实现什么。您想使用带有图像的textarea向用户显示您的内容,还是想在用户提供文本并上载图像的表单中使用textarea?因为我不想构建复杂的编辑器,正如我所说的,我只想要
文本
照片
。用户的问题是关于文本区域的。@DustinOprea-这是不可能的。时期
元素只能保存纯文本,而不能保存其他节点。如果我尝试插入换行符,该示例会出现非常奇怪的情况。至少在Chrome中。@aroth看起来像是因为每个换行符都创建了一个新的
div
元素,并且每个
div
都有宽度、高度和边框属性。