當我點擊它應該在textarea的顯示圖像上，像笑臉

3

作爲已經提到的其他文章，textarea只能保存純文本。

您可以改爲使用div元素，將contenteditable屬性設置爲true。

<div contenteditable="true"> 
    You can edit this text and also add images! <img src="smiley.jpg" alt=":)" /> 
</div>

也有其使用上述方法或在designmode一個iframe許多不同的JavaScript WYSIWYG編輯器。

這裏是他們夫婦：

來源

2011-05-04 09:37:56 mekwall

+0

這是更有幫助謝謝 – bhuvana 2011-05-06 07:09:41

1

在一個textarea不能顯示圖像顯示圖像。 Textarea只接受純文本。

來源

2011-05-04 09:34:44 anothershrubery

4

Textareas只能保存純文本。使用contenteditable或全功能編輯器，如TinyMCE可以爲您節省麻煩。

來源

2011-05-04 09:37:11 DarthJDG

+1

請不要參考w3schools.com。使用適當的來源，不是由經濟利益運行......見[w3fools.com]（http://w3fools.com/） – mekwall 2011-05-04 09:40:16

+0

@馬庫斯 - 修正。 – DarthJDG 2011-05-04 09:49:02

+0

非常感謝！ :) – mekwall 2011-05-04 09:53:18

1

textarea的支承實牛逼的文字而已，如果你想顯示圖像/鏈接或其他任何東西，使用所見即所得的HTML編輯器

你可以試試這個，一個非常好的一個;）

http://premiumsoftware.net/cleditor/

來源

2011-05-04 09:40:00

0

你可以試試這個：

HTML：

<div id="image_txtarea" style="width:auto"> 
<img src="image/Example.jpg" id="image" style="position:absolute"/> 
<textarea id="some" style="position:absolute;display:none"></textarea> 
</div>

JQUERY

$('#image').click(function(){ 
    var img = $('#image'); 
    $(this).hide().next('textarea').show().css({'background':'url('+ img.attr('src') +') no-repeat center center','width':img.width(),'height':img.height()}); 
});

來源

2011-05-04 09:48:31 thecodeparadox

+0

謝謝，但我需要把圖像文字 – bhuvana 2011-05-06 07:10:53

0

答案是肯定的，圖片可以放在textarea中。

我放置在文本區域的動畫GIF（在ie-6和ff-13.0.1工作）使用這種技術：

轉換任何圖像劃分爲base64字符串。（免費的在線轉換器可用，基本的64位文件大小有限制 - 大約30k的圖像大小）;一個簡單的url()背景聲明沒有爲我顯示圖像。
在線轉換器通常會輸出一個<img>標籤和一個CSS背景屬性，其中包含正確的上傳圖片的值。只需將CSS輸出複製並粘貼到您自己的文件中即可。使用url數據語句 - url(data:image/ext.....)
使用base64 css作爲樣式語句的背景。
改變圖像，你就必須改變div id=""或class，你必須在class或id定義爲background-image基地64。
花費時間進行轉換，因此請確保在開始之前確實需要textarea中的圖像。

來源

2012-06-24 08:01:39 James

當我點擊它應該在textarea的顯示圖像上，像笑臉

回答

相關問題