web-dev-qa-db-ja.com

HTML：textareaに画像を表示する方法はありますか？

だから見せたいimage thumbnailsも<textarea>テキストとともに。あなたも完璧なjavascriptソリューションを知っているなら（可能であればバニラJSで）。

このような：

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

私が知っているように、divまたはcontentEditable="true"画像も許可しますが、他の多くのHTMLタグや、私が望まない多くのことを許可します：|

textとimagesだけが欲しい。

htmlimagetextareathumbnailsphoto
29
Adam

Textareaのように機能するcontentEditable属性を持つdivを使用します。これが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>
57
Hussein

テキストと画像を編集したいのですが、なぜtextarea内にある必要があるのですか？このようなコントロールは、プレーンテキストを保持するように設計されています。 JavaScriptで書かれた多くのHTMLエディターがあります。

8
Álvaro González

短い答えはノー、それは不可能です、申し訳ありません。

2
thomasmalt

cssを使用してテキストエリアの背景画像を設定し、jsを使用してテキストを設定できます

1
yangqi