3

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

我目前正在编写 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 文本框中，而不是将列表项放入项目符号点？

4

2 回答 2

5

对于第二行，使用innerTextnotinnerHTML

document.getElementById("textarea-code").innerText = 'your html code'
于 2012-06-18T22:52:50.310 回答
2

我解决了！:D

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

例如： <li> 是

&#60;li&#62;

希望对其他人有所帮助！

于 2012-06-18T22:52:30.537 回答