3

タイトルが私が達成したいことを説明してくれることを願っています。そうでない場合は、読み進めてください。

現在、Lorem Ipsum ジェネレーターをコーディングしています (学習経験として、S&G のサイトにあるかもしれませんが)。

これまでのところ、リストからランダムな文をテキスト ボックスに出力するコードを取得することができました。Lorem Ipsum の箇条書きリストを作成するためのジェネレーターも作成しました。誰かがツールを介してテキストを生成するたびに、書式設定されたテキスト (段落、箇条書きなど) を含むボックスを 1 つ用意し、生の 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>";}

2 番目の innerHTML 行は、最初の行の単なるコピーであり、私が取り組みたい行です。

2行目を出力するにはどうすればよいですか：

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

リスト項目を箇条書きにするのではなく、HTML テキスト ボックスに入れますか?

4

2 に答える 2

5

2 行目では、innerTextnotを使用しますinnerHTML

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 に答える