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

Question

如果我有一个包含一些 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 代码转换为格式化的 html，您需要这样做：

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

这里是 an example，它使用 div 并将 contentEditable 设置为 true。

Answer 2

听起来您在问如何获取一些 HTML 并将其呈现的结果显示在您的文档中。

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