用Javascript字符串显示HTML代码

Question

我希望标题能说明我想要实现的目标。 如果没有，请继续阅读！

我目前正在编码Lorem Ipsum生成器（作为学习经验，尽管我可以在我的网站上将其用于S＆G的）

到目前为止，我设法获得了将列表中的随机句子输出到文本框中的代码。 我还创建了一个生成器，用于创建Lorem Ipsum项目符号列表。 每当有人通过该工具生成一些文本时，我想要一个带有格式化文本（段落，项目符号等）的框，然后另一个带有原始HTML代码的框，因此设计人员只需将代码直接复制并粘贴到他们的文件中即可。编码程序。 到目前为止，我已经整理了格式化的文本框，但是原始HTML出现了问题。

到目前为止，这是我得到的：

[显然在开始时有一个var listArray，但我不会再添加它。

var randomList = listArray[(Math.floor(Math.random() *listArray.length))]

document.getElementById("textarea").innerHTML = "<li>" + (randomList) + "</li>" + "<li>" + (randomList) + "</li>" + "<li>" + (randomList) + "</li>";
document.getElementById("textarea-code").innerHTML = "<li>" + randomList + "</li>" + "<li>" + randomList + "</li>" + "<li>" + randomList + "</li>";}

第二行innerHTML行只是第一行的副本，是我要处理的行。

如何获得第二行输出：

<li> Line 1 </li>
<li>li Line 2 </li>

到HTML文本框中，而不是将列表项放到项目符号中？

Answer 1

对于第二行，请使用innerText而不是innerHTML

document.getElementById("textarea-code").innerText = 'your html code'

Answer 2

我解决了！ ：d

对于感兴趣的人，我对组成<，/和>的每个字符都使用了ASCII码。

例如：<li>是

<li>

希望对别人有帮助！