Javascript 如何通过html标记将文本区域中的每一行包装起来？

我想用文本区域内的lorem ipsum

替换每个lorem ipsum

因此，每一行都应该用..

包裹起来

我正在谷歌上搜索我可以尝试的代码——但没有成功

有什么帮助吗

$'按钮'。单击'按钮'，函数{ //添加和

}; .txa{ 显示：块； 宽度：100%； 调整大小：无； 高度：30vh； } 乱数假文 乱数假文 乱数假文 单击使用替换为简单正则表达式

$'按钮'。单击'按钮'，函数{ $.txa.html$.txa.html.replace/lorem ipsum/g，p$1/p； }; .txa{ 显示：块； 宽度：100%； 调整大小：无； 高度：30vh； } 乱数假文 乱数假文 乱数假文

---

单击您可以使用map和join的组合来拆分文本，将其包装在标记中，并将值设置回textarea

$'按钮'。单击'按钮'，函数{ var text=$'.txa'.val； var result=text.split\n .filterx=>x.length>0 .mapt=>`${t}

` 。加入\n； $'.txa'.valresult }; .txa{ 显示：块； 宽度：100%； 调整大小：无； 高度：30vh； } 乱数假文 乱数假文 乱数假文

---

单击可以使用正则表达式捕获每一行

// capture everything up to a newline
/(.*[^\n])/g

$'按钮'。单击'按钮'，函数{ $.txa.val$.txa.val.replace/*[^\n]/g，$1

； }; .txa{ 显示：块； 宽度：100%； 调整大小：无； 高度：30vh； } 乱数假文 乱数假文 布拉布拉 你好，世界 乱数假文

---

单击，尝试另一种方法，修复了在页面加载后键入行时不更新行的错误行为，或是p标记的重复问题

这将仅在该行没有现有p标记时更新该行。如果这样做，它将首先删除它们，然后替换字符串，这样就不会有重复的标记

希望你喜欢

函数插入行{ 变量行=$'textarea'.val.split'\n'； var换行=； 对于变量i=0；i'； 换行符+='\n'； }如果行[i]！=={ 行[i]=行[i]。替换“”； 行[i]=行[i]。替换“

”； 行[i]=行[i]。替换/*[^\n]/g，'+行[i]+'

'； 换行符+=行[i]； 换行符+='\n'； } } $'.txa'.valnewLines； } .txa{ 显示：块； 宽度：100%； 调整大小：无； 高度：30vh； } 文本1 文本2 文本3 键入几行您自己的内容。

---

RUNso您想添加标记作为文本显示在文本区域吗？@RajanSharma，是的，就是这样，作为文本，而不是真正的p标记和正则表达式。@qadenza用一个片段更新了我的答案，很抱歉延迟。这假设文本将永远是“lorem ipsum”，看起来非常脆弱。假设本文只是OP中的一个示例，并且实际解决方案需要在任何提供的示例中使用换行符text@RoryMcCrossan谢谢你的输入，我会加上的。有一个额外的@qadenza有一个额外的换行符@qadenza我在中添加了一个过滤器来删除任何空的entriesRegex：为什么只有1个问题而只有2个呢！呵呵，杰米·扎温斯基的名言