javascript - 在 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 并在文档中显示其渲染结果。

这正是该innerHTML物业所做的。
只需选择一个 DOM 元素来显示结果，并将其设置innerHTML为要显示的 HTML。

Answer 2

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

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

这是一个使用 div 并将 contentEditable 设置为 true 的示例。