HTML : Est-il possible d'afficher des images dans un textarea?

Donc je veux montrer image thumbnails trop dans le <textarea> avec le texte. Si vous connaissez une solution d'activer javascript c'est parfait aussi(si possible en vanilla JS).

Comme ceci:

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

Que je sais et vu dans un div ou quoi que ce soit, a contentEditable="true" permet d'image, mais aussi, permet à de nombreux autres balises HTML et beaucoup de choses que je ne veux pas 😐

Je veux juste text et images.

InformationsquelleAutor Adam | 2010-09-25
  1. 56

    Utiliser un div avec l'attribut contentEditable qui agit comme un textarea. C'est la façon dont les éditeurs wysiwyg sont créés.

    CSS:

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

    HTML:

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

    • XSS ciel, cette.
    • Bonne nouvelle: caniuse.com/#feat=contenteditable
    • L'exemple n'est vraiment étrange des choses, si j'essaie d'insérer des retours à la ligne. Dans google Chrome, au moins.
    • Ressemble, c'est parce qu'à chaque retour à la ligne crée une nouvelle div élément, et tous les div a la largeur, la hauteur, et les propriétés de bordure.
    InformationsquelleAutor Hussein
  2. 8

    Je comprends que vous voulez éditer du texte et des photos mais... pourquoi a-t-elle être à l'intérieur d'un textarea? Un tel contrôle est conçu pour contenir de texte brut. Il n'y êtes nombreux éditeurs HTML écrite en JavaScript:

    • Parce que je ne veux pas construire un complexe de l'éditeur, comme je l'ai dit, je veux juste text et photos.
    • L'utilisateur en question a été notamment à l'égard d'un texte de la zone.
    • C'est impossible. Période. Le <textarea> élément ne peut contenir que du texte brut, pas d'autres nœuds.
    InformationsquelleAutor Álvaro González
  3. 2

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

    • Merci pour vous réponse @thomasmalt , alors que suggérez-vous comment dois je faire?
    • Je ne suis pas sûr de ce que vous essayez d'atteindre. Voulez-vous utiliser textarea avec images à l'affichage de votre contenu de l'utilisateur, ou voulez-vous utiliser textarea dans un formulaire où l'utilisateur fournit le texte et télécharge les images?
    InformationsquelleAutor thomasmalt
  4. 1

    vous pouvez utiliser les css pour définir une image d'arrière-plan pour le textarea, et js pour définir le texte

    • Je ne veux pas d'un arrière-plan pour le textarea, je veux avoir des images à l'intérieur de la zone de texte. Ou voulez-vous dire à pirater le textarea avec un arrière-plan de sorte qu'il pourrait ressembler il y a une image à l'intérieur de la textarea? Si oui, alors ce n'est pas une bonne idée car il y aura plusieurs images, et peut être mis à jour ou supprimés aussi. Édité ma question pour l'illustrer.
    • Autant que je sache, vous ne pouvez pas utiliser les images dans un textarea, ni un background-image avec CSS, ni un élément img.
    • Je ne sais pas ce que vous voulez, mais vous pouvez insérer n'importe quoi, mais en texte clair à l'intérieur de la zone de texte. Bien que vous ne pouvez utiliser les CSS pour définir une image d'arrière-plan pour un textarea, si vous voulez changer, vous pouvez alors utiliser javascript pour modifier l'arrière-plan.
    InformationsquelleAutor yangqi