1. 首頁
  2. 問答
  3. HTML：有沒有什麼方法可以在textarea中顯示圖像？

HTML：有沒有什麼方法可以在textarea中顯示圖像？

2010-09-25 50 views
22

所以我想在<textarea>中也顯示image thumbnails以及文字。如果你知道一個JavaScript解決方案也是完美的（如果可能的話，在香草JS）。HTML：有沒有什麼方法可以在textarea中顯示圖像？

像這樣：

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

據我所知，並在股利或任何事情都有contentEditable="true"允許像太多，但看到的，允許許多其它的HTML標籤和很多事情我不想要的東西：|

我只想要text和images。

來源

2010-09-25 Adam

回答

1

您可以使用CSS來設置背景圖像文本區域，和JS設置文本

來源

2010-09-25 08:51:56 yangqi

+0

我不想對文本區域的背景下，我想有textarea的內部圖像。或者你的意思是用背景破解textarea，所以它看起來像textarea裏面有一個圖像？如果是，那麼這不是一個好主意，因爲會有多個圖像，並且可以更新和刪除。編輯我的問題來說明它。 – Adam 2010-09-25 08:54:15

+0

據我所知，你不能在textarea中使用圖像，既不能用CSS設置背景圖像，也不能使用img元素。 – matsolof 2010-09-25 13:44:52

+0

我不知道你想做什麼，但是你可以在textarea裏插入除純文本以外的任何東西。雖然可以使用CSS爲textarea設置背景圖像，但如果要更改它，則可以使用javascript更改背景。 – yangqi 2010-09-25 16:22:35

1

簡短的回答是否定的，這是不可能的，對不起。

來源

2010-09-25 08:56:26 thomasmalt

+1

謝謝你回答@thomasmalt，那麼你有什麼建議我應該怎麼做呢？ – Adam 2010-09-25 08:58:20

+0

我不確定你想要達到的目標。你想使用textarea和圖像來向用戶顯示你的內容嗎，或者你想在用戶提供文本和上傳圖片的形式下使用textarea嗎？ – thomasmalt 2010-09-25 09:47:16

6

我知道你想編輯文本和圖片，但是......爲什麼它必須在textarea裏面？這樣的控制被設計爲保持純文本。這裏是用JavaScript編寫的許多HTML編輯器：

來源

2010-09-25 09:06:55

+0

因爲我不想建立一個複雜的編輯器，正如我所說我只想要「文本」和「照片」。 – Adam 2010-09-25 09:20:27

+0

用戶的問題是關於文本區域的。 – 2012-07-14 08:30:47

+3

@DustinOprea - 這是不可能的。期。 '