2013-10-18 140 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:'