2013-10-18 141 views
2

如果我有包括一些HTML代碼,我怎麼能寫一個JavaScript函數來顯示HTML輸出,而不是HTML代碼本身就是一個文本區域,例如:顯示HTML輸出

<textarea id="mytextarea"> 
<table border=1><tr><td>cellone</td>td>celltwo</td></tr></table 
</textarea> 
<input type=button onclick="HTMLoutput();"/> 

<script> 
HTMLoutput() 
{ 
//Code to show html output instead of html code in textarea 
} 
</script> 

我怎樣才能做到這一點?在HTMLoutput()中寫入的建議代碼是什麼?

+0

可能重複[如何顯示textarea內的HTML格式?](http://stackoverflow.com/questions/7785607/how-can-i-show-html-formatting-inside-a-textarea) – DevlshOne

回答

1

所以到html代碼轉換成你需要做一個格式化的HTML:

$('resultDiv').append($('<div/>').html($('.txtArea').val()+"<br>"); 

這裏an example使用DIV與CONTENTEDITABLE設置爲true。

1

這聽起來像你問如何採取一些HTML並在文檔中顯示其渲染結果。

這正是innerHTML屬性所做的。
只需選取一個DOM元素以顯示結果,並將其innerHTML設置爲要顯示的HTML。

+0

我想構建一個編輯器並在textarea中顯示渲染結果作爲預覽 – user2888402

+0

@ user2888402:'