在textarea中显示html输出而不是HTML代码

Question

如果我有一个textarea包含一些HTML代码，我怎么能编写一个JavaScript函数来显示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（）中编写的建议代码是什么？

Answer 1

听起来你问的是如何获取一些HTML并在文档中显示其渲染结果。

这正是innerHTML财产的作用 只需选择一个DOM元素即可显示结果，并将其innerHTML设置为要显示的HTML。

Answer 2

因此，要将html代码转换为格式化的html，您需要执行以下操作：

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

这里的an example使用div，其contentEditable设置为true。