Question

所以我想在image thumbnails中同时显示<textarea>以及文字。如果你知道一个完美的javascript解决方案（如果可能的话，在vanilla JS中）。

像这样：

__________________
|Hello World     |
|  _______       |
|  | Img |       |
|  |     |       |
|  |_____|       |
|Hello again.    |
|  _______       |
|  | Img2|       |
|  |     |       |
|  |_____|       |
|________________|

正如我所知道并在div或任何事物中看到contentEditable="true"允许图像，但是，允许许多其他HTML标签和许多我不想要的东西：|

我只想text和images。

Answer 1

使用带有contentEditable属性的div，其作用类似于textarea。这就是如何创建所见即所得的编辑器。

div {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
}

<div contentEditable="true">Type here. You can insert images too
  <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" />
</div>

Answer 2

我知道你想要编辑文字和图片，但是......为什么它必须在textarea里？这种控制旨在保存纯文本。有许多用JavaScript编写的HTML编辑器：

Answer 3

简短的回答是不，这是不可能的，对不起。

Answer 4

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

Answer 5

您可以编写一个脚本（最好使用 PHP）来检查是否存在不需要的元素（除了 <p> 或 <img>）。

然后您可以将用户发送回“表单”并让他重新填写，或者您可以删除整个不需要的标签。

HTML：有没有办法在textarea中显示图像？

5 个答案: