我有一个textarea
字段,用户在其中输入信息,然后将其存储在用于 POST API 请求的 JS 变量中,但是由于在呈现为 HTML 时没有换行符,所有文本都在一行上。
我如何才能<br>
在 JavaScript 中使用 HTML标记为影响、采取的操作和后续步骤添加前缀?
电流输出:
Affecting: Lorem IpsumActions Taken: Lorem IpsumNext Steps:
期望的输出:
<br>Affecting:
<br>Actions Taken:
<br>Next Steps:
TIA
在我看来,你想要这样的东西:
console.log(document.getElementById('txt').value.replace(/\n/g, '<br>'))
<textarea id="txt" rows="3" cols="30">Affecting: Lorem Ipsum
Actions Taken: Lorem Ipsum
Next Steps:</textarea>
textarea-value 中返回的文本中包含\n
用于标记行尾的字符。在大多数 HTML 元素中,这些标记被忽略。如果您使用see here white-space格式化它们,则可以使它们在<pre>
元素中可见,甚至在“普通” <divs>
s 或<p>
s 中white-space:pre
可见。
在我上面的代码片段中,我简单地将每个替换\n
为<br>
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句