我希望标题能解释我想要实现的目标。如果没有,请继续阅读!
我目前正在编写 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 文本框中,而不是将列表项放入项目符号点?