html css return line ↵

19 浏览
0 Comments

html css return line ↵

这个问题已经有答案了：

如何用

元素替换字符串中的所有换行符？

如何在CSS中换行，不使用

？

我从服务器获得了一个JSON响应，在这个数据中我有一个带有“回车换行”的文本。

{text: "I am in the first line ↵ and I am in the second line"}

但是当我在HTML中显示它时，没有显示“回车换行”。

"I am in the first line and I am in the second line"

应该是这样的：

I am in the first line
and I am in the second line

有什么解决方案可以使用HTML或CSS（或JavaScript）吗？

谢谢！

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

你可以像其他用户建议的那样，用HTML换行符替换换行符。

const parse = s => s.replace(/[␤␍␊↵⏎]+/g, '\n');
const nl2br = s => s.replace(/\n/g, '');
var data = {
  "text" : "I am in the first line ↵ and I am in the second line"
};
document.getElementById('display').innerHTML = nl2br(parse(data.text));





									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
添加这个CSS类可以解决问题!




white-space: pre-line;




									

				

									

			

			
0