编程语言
首页 > 编程语言> > javascript – 如何在a和HTML预览中匹配空白行为?

javascript – 如何在a和HTML预览中匹配空白行为?

作者:互联网

我有一个< textarea>元件.当用户填写它时,您可以看到它们所做的空格以及按下Enter键以跳转到下一行.

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

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

解决方法:

你可能想要这样的东西:

<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

标签:javascript,textarea,richtextbox,html
来源: https://codeday.me/bug/20190718/1494432.html