如何使用 Javascript 在 DIV 中显示 HTML 代码？ [复制]答案

【问题标题】：How to display HTML code inside a DIV using Javascript? [duplicate]如何使用 Javascript 在 DIV 中显示 HTML 代码？ [复制]
【发布时间】：2020-12-15 20:36:48
【问题描述】：

我找到了一个类似的帖子，但我的情况不同，我认为如果它在不同的帖子中，其他人可能会受益。我的问题是我有一个文本区域，人们可以在其中输入任何内容。我将 textarea 中的所有文本放入名为“input1”的变量中，然后将其放入 div 中以显示用户键入的内容。我的问题是如果用户在 textarea 中键入 HTML，它将在 div 中显示 HTML。我尝试将 textarea 文本放入我的系统可以使用的变量“input1”，然后从“input1”放入“input2”变量，但作为 HTML 代码的格式化版本，将显示 HTML 但不运行它。所以如果用户输入这个：

<strong>example text</strong>

我希望它显示这个：

<strong>example text</strong>

不是这个：

示例文字

【问题讨论】：

用&lt;和&gt;替换所有<和>。
请提供您已有的代码。听上去，你正在设置 innerHtml 而你应该做一些其他的事情，比如用 ``` font-family: monospace; 生成一个 div；空白：pre； ``` 并在里面有 input1 值
这有帮助吗？ stackoverflow.com/questions/40263803/…
查看 javascript 中的 encodeuri() 和 decodeuri() 函数。
你可以查看这个问题的答案，详细解释：stackoverflow.com/questions/2820453/…

标签： javascript html

【解决方案1】：

感谢@Sirko 为我指明了正确的方向，我使用了您发送给我的内容。使用我现在知道的我已经改变了我的变量来工作。这是我所做的一个示例。

input1 = input2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g,'&gt;')

我发现您应该先更改 &，然后更改。因为否则，它会将文本更改为&amp;lt;，然后更改为&amp;lt;。

【讨论】：