HTML: есть ли способ показать изображения в текстовой области?

Итак, я хочу показатьimage thumbnails тоже в<textarea> вместе с текстом. Если вы знаете решение javascript, оно тоже идеально (если возможно в vanilla JS).

Как это:

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

Как я знаю и видел в div или что-нибудь, что имеетcontentEditable="true" разрешает изображения, но, позволяет много других тегов HTML и много чего я не хочу: |

Я хочу простоtext а такжеimages.

Ответы на вопрос(4)

чтобы установить фоновое изображение для textarea, и js, чтобы установить текст

 Adam25 сент. 2010 г., 10:54
Я не хочу фон для текстовой области, я хочу иметь изображения внутри текстовой области. Или вы хотите взломать текстовую область с фоном, чтобы она выглядела как изображение внутри текстовой области? Если да, то это не очень хорошая идея, потому что там будет несколько изображений, а также могут быть обновлены и удалены. Отредактировал мой вопрос, чтобы проиллюстрировать это.
 yangqi25 сент. 2010 г., 18:22
Я не знаю, что вы хотите сделать, но вы можете вставить что угодно, кроме простого текста внутри текстовой области. Хотя вы можете использовать CSS, чтобы установить фоновое изображение для текстовой области, если вы хотите изменить его, вы можете затем использовать javascript, чтобы изменить фон.
 matsolof25 сент. 2010 г., 15:44
Насколько я знаю, вы не можете использовать изображения в текстовой области, ни фоновое изображение с CSS, ни элемент img.

Короткий ответ - нет, это невозможно, извините.

 Adam25 сент. 2010 г., 10:58
Спасибо за ответ @thomasmalt, тогда что вы предлагаете, как мне это сделать?
 thomasmalt25 сент. 2010 г., 11:47
Я не уверен, чего вы пытаетесь достичь. Вы хотите использовать textarea с изображениями для отображения вашего контента пользователю или вы хотите использовать textarea в форме, в которой пользователь предоставляет текст и загружает изображения?

Я понимаю, что вы хотите редактировать текст и картинки, но ... почему это должно быть внутри текстовой области? Такой элемент управления предназначен для хранения простого текста. Существует много редакторов HTML, написанных на JavaScript:

http://ckeditor.com/http://tinymce.moxiecode.com/http://www.openwebware.com/http://www.unverse.net/whizzywig-cross-browser-html-editor.htmlhttp://www.htmlarea.com/...
 Dustin Oprea14 июл. 2012 г., 10:30
Вопрос пользователя был конкретно относительно текстовой области.
 Adam25 сент. 2010 г., 11:20
Потому что я не хочу создавать сложный редактор, как я сказал, я хочу простоtext а такжеphotos.
 Álvaro González15 июл. 2012 г., 09:33
@DustinOprea - это невозможно. Период.<textarea> Элемент может содержать только обычный текст, но не другие узлы.

Используйте div с атрибутом contentEditable, который действует как текстовое поле. Вот как создаются редакторы wysiwyg.

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>

 KhalilRavanna17 мар. 2015 г., 20:53
@aroth Похоже, это потому, что каждый перевод строки создает новыйdiv элемент, и каждыйdiv имеет свойства width, height и border.
 Roman Holzner12 февр. 2014 г., 14:59
Хорошие новости:caniuse.com/#feat=contenteditable
 Dhaivat Pandya10 нояб. 2011 г., 22:47
XSS рай, это.
 aroth29 мая 2014 г., 05:39
Пример делает действительно странные вещи, если я пытаюсь вставить новые строки. По крайней мере в Chrome.

Ваш ответ на вопрос