JavaScript 在所选文本上添加 <br> 前缀

阿尤什·拉尔

我有一个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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章