TextArea中的HTML？

所以我在我的網站上有這個textarea。默認情況下，它有這樣的事情爲它的內容：TextArea中的HTML？

Name : Sample Value 
Age : Sample Value 
Location : Sample Value

，它是可編輯的，雖然我沒有使用富文本編輯器，因爲它只不過是一個簡單的用戶點擊該按鈕，並將其插入到數據庫中前文本。

由於基本HTML代碼在textarea標籤內部不是瀏覽器可讀的，因此我使用
來分隔行。

現在我的問題是，當我讀取服務器端的textarea標記的值時，我無法包含HTML代碼。

因此，插入到數據庫中的值也不是HTML格式的，並且當它再次被提取到Web瀏覽器中時，它根本沒有格式。

我還有什麼替代方案？謝謝。

來源

2013-10-21 christianleroy

不可能使用textarea，請使用contenteditable DIV代替。

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

您可以使用getter和setter方法，如下圖所示：

//Get content  
var contents = document.getElementById("divId").innerHTML; 

//Set content 
document.getElementById("divId").innerHTML = contents

Here是這種方法的瀏覽器支持。

來源

2013-10-21 15:48:16

好的。但是，我如何獲得div的價值？對不起，這對我來說是新的。 – christianleroy

@Ash：*爲什麼*？自Firefox 3.5，IE 5.5，Safari 3.1以來，它一直受到瀏覽器的支持......它顯然*不限於[tag：html5]。參考：[MDN上的''contentEditable']（https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable）。 –

聽起來對我很好。謝謝！ – christianleroy

爲什麼不使用JQuery並執行$（textarea）.val（）來獲取textarea的值作爲字符串並將其用於服務器端。您可能不得不考慮使用Ajax調用要傳遞Html數據的服務器端方法。

來源

2013-10-21 15:57:39

答案很簡單。
使用contenteditable DIV s而不是TextBox和TextArea。
但請記住將contenteditable="false"添加到所有內部HTML標記。

這爲我工作。

來源

2016-11-20 20:48:41 Abhishek

TextArea中的HTML？

回答

相關問題