在文本区域而不是 HTML 代码中显示 HTML 输出

show html output in textarea instead of HTML code

本文关键字：HTML 代码 显示 输出 文本 区域      更新时间：2023-09-26

如果我有一个包含一些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（） 中编写什么代码？

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

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

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

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

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

相关文章：