2012-08-03 41 views
1

我有一個textareaPHP打印內容,因爲它是

<textarea id=view-body ></textarea> 

即獲得當從

<a href='#' onclick='popup_view(this)' data-body ='". $rows['body'] ."' >view</a> 

<script language="JavaScript"> 
function popup_view(e) 
{  
    var body = e.getAttribute('data-body');   
    el = document.getElementById("view-body"); 
    el.innerHTML = body;  
} 
</script> 

一個onclick我希望我的textarea的內容的內容要打印事情是這樣的。 例如的onclick發送

<i>Wired</i> 

我的textarea打印

<i>Wired</i> 

,但沒有了,應該是這樣的

有線

+0

https://developer.mozilla.org/zh-CN/HTML/Content_Editable – PeeHaa 2012-08-03 11:59:24

+1

我個人喜歡[this](http://codepad.viper-7.com/EAQRm1)方法爲「幾乎可以在任何地方工作」的方法,但我會毫不猶豫地承認它並不完全符合WYSIWYG – DaveRandom 2012-08-03 12:06:18

+0

的要求,我越看越DaveRandom的方法就越喜歡它。當內容改變時,你可以將textarea的內容寫入div。並且有一個樣式表,它在打印時隱藏/顯示填充的div,如果你不希望它始終顯示。 – PeeHaa 2012-08-03 12:16:53

回答

1

而是一個textarea的請嘗試使用DIV。如果我正確理解這一點,textarea顯示<i></i>,你不希望它。 Textarea不會自然處理html格式。

0

HTML的內置<textarea>元素不允許您設置其內容的樣式。你需要的是一種wysiwyg編輯器來做到這一點。

0

替換文本區域必須使用htmlentities函數與HTML實體替換特殊字符。

data-body = "<? php echo htmlentities($rows[' body ']);?>" 
2

Javascript innerHTML函數將文本轉換爲html格式。

可以使用的textContent功能如下

http://jsfiddle.net/yWgn7/

顯示在jQuery中可以使用的.text()函數,但我不知道的textContent兼容性。