Question

我有一个<textarea>元素。当用户填写它时，您可以看到他们制作的空格以及他们按Enter键跳转到下一行。

这很好，但是当我看到HTML输出时，结果会有所不同。这是一个无休止的句子，没有换行符。

仅使用HTML或JavaScript，我该如何解决这个问题？

Answer 1

您可能需要以下内容：

<p style="white-space: pre-wrap"></p>
<p style="white-space: pre"></p>
<pre></pre>

pre-wrap:
Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks 
pre:
Whitespace is preserved by the browser. Text will only wrap on line breaks Acts like the <pre> tag in HTML

Answer 2

如果您只是将在textarea中输入的内容输出并输出为html，您会看到这一点。对于初学者，您可以将所有空格替换为 ，将所有换行替换为<br>。或者将输出放在<pre>标签中。（在任何一种情况下，您也都希望用实体替换其他一些字符。）

如何在<textarea>和HTML预览匹配中创建空白行为？</textarea>

2 个答案: