以Javascript字符串显示HTML代码

我希望这个标题能解释我想要实现的目标。如果没有，请继续阅读

我目前正在编写一个Lorem Ipsum生成器（作为一种学习经验，尽管我可能会在我的网站上为S&G编写）

到目前为止，我已经设法让代码从列表中输出一个随机句子到文本框中。我还创建了一个生成器，用于创建Lorem Ipsum项目符号列表。 每当有人通过该工具生成一些文本时，我希望有一个带有格式化文本（段落、项目符号等）的框，然后是另一个带有原始HTML代码的框，这样设计师就可以直接将代码复制并粘贴到他们的编码程序中。到目前为止，我已经整理了格式化的文本框，但是我对原始HTML有问题

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

[很明显，开头有一个var listary，但我不想麻烦添加它。]

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>";}

var randomList=listArray[（Math.floor（Math.random（）*listArray.length））]
document.getElementById（“textarea”）.innerHTML=“
”+（随机列表）+“
”+（随机列表）+“
”+”
”+（随机列表）+“”；
document.getElementById（“textarea code”）.innerHTML=“
”+randomList+”
“+”
“+randomList+”
“+”“+”；}

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

如何将第二行输出：

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

第1行
李二线

进入HTML文本框，而不是将列表项放入项目符号点？

我计算出来了！：D

对于那些感兴趣的人，我使用ASCII码来表示组成字符集所需的每个字符

例如：

是

<li>

---

希望这能帮助别人

对于第二行，使用

innerText

而不是

innerHTML

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

---

通过查看我编辑的源代码，了解如何编写

或任何其他HTML标记。是的，我刚刚想出了一个非常类似的方法-真不敢相信我以前没有想到过！不过还是要感谢：）这实际上会让以后的编辑变得更容易一些——HTML（如br/）可以用于innerText部分吗？因为如果没有实际的列表格式，它会变成一个大段落，所以我需要手动将其分解，不管怎样

innerText

，这不是IE的事情吗？@gdoron:根据WebKit Inspector和Firebug的说法不是这样的。看一看。：）@tristanojbacon:

innerText

将根据需要自动对值进行HTML编码，因此当您设置

innerText

时，

将进行HTML编码（即转换为

br/

）。我不确定你是否可以任意插入换行符，但我怀疑没有考虑到浏览器使用空格的方式。我几乎和你做的一样，但我必须在ASCII码的每个元素之间插入连字符，否则StackOverflow实际上会将它们转换成相应的字符。代码标签帮不了什么忙，尽管我收回了它——我重试了一下，意识到我第一次打错了。