如何在HTML5中的<textarea>標籤內插入圖片？

Question

我想創建一個博客。所以我使用textarea標籤來插入文本，但同時，如果我想插入一個圖像在textarea字段中，我該怎麼做？我使用了 輸入類型=「文件」 從我的系統中獲取圖像。現在我想把這個圖像插入到textarea字段中。

Answer 1

textarea元素應該包含任何帶有標記的文本，但不包含從框中提供的富文本格式。 你必須整合一些JavaScript文本編輯器來做到這一點;有很多輕量級的HTML5編輯器可以將textareas轉換爲帶有圖像插入按鈕的富文本編輯器。 或者，您可能只需在文字中插入一個標記即<img>標記。

Answer 2

另一種辦法是在所有不使用文本區域，而使用：

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

然後你就可以風格它看起來像一個textarea

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

然後你就可以把HTML它。

但是，使用實際的html編輯器的建議可能是更好的方法，而不是自己構建。