web-dev-qa-db-fra.com

HTML: Existe-t-il un moyen d'afficher des images dans une zone de texte?

Je veux donc montrer image thumbnails aussi dans le <textarea> avec le texte. Si vous connaissez une solution javascript qui est parfaite aussi (si possible dans Vanilla JS).

Comme ça:

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

Comme je le sais et vu dans un div ou quoi que ce soit qui a contentEditable="true" autorise également l'image mais autorise de nombreuses autres balises HTML et beaucoup de choses que je ne veux pas: |

Je veux juste text et images.

htmlimagetextareathumbnailsphoto
29
Adam

Utilisez un div avec l'attribut contentEditable qui agit comme une zone de texte. C'est ainsi que les éditeurs wysiwyg sont créés.

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>
57
Hussein

Je comprends que vous souhaitez modifier le texte et les images, mais ... pourquoi doit-il se trouver dans une zone de texte? Un tel contrôle est conçu pour contenir du texte brut. Il existe de nombreux éditeurs HTML écrits en JavaScript:

8
Álvaro González

La réponse courte est non, ce n'est pas possible, désolé.

2
thomasmalt

vous pouvez utiliser css pour définir une image d'arrière-plan pour la zone de texte et js pour définir le texte

1
yangqi