Как вставить изображение в тег <textarea> в HTML5?

Question

Я хочу создать блог. Поэтому я использую тег textarea для вставки текста, но в то же время, если я хочу вставить изображение в поле textarea, как это сделать?

P.s: Я использовал input type = "file" , чтобы получить изображение из моей системы. Теперь я хочу, чтобы это изображение было вставлено в поле textarea.

Answer 1

Элемент textarea должен содержать любой текст с разметкой, но форматирование форматированного текста не предоставляется. Для этого вам необходимо интегрировать текстовый редактор javascript; есть много легких редакторов HTML5, которые преобразуют текстовые поля в текстовые редакторы с кнопками вставки изображений. Или вы можете просто вставить в свой текст тег <img>.

Answer 2

Другим вариантом было бы не использовать текстовое поле вообще и вместо этого использовать:

<div contenteditable="true"></div> 

Затем вы можете стиль его выглядеть как текстовое поле

div[contenteditable] { 
    padding:10px; 
    border:1px solid #555555; 
    background-color: #ffffff; 
    min-height: 50px; 
} 

Затем вы можете поместить HTML в нем ,

Однако рекомендации по использованию реального редактора html, вероятно, являются лучшим способом, а не создавать собственные.