用换行符保存的 textarea 无法按创建返回到我的项目的前端，如何解决？

Posted 2023-05-07

【中文标题】用换行符保存的 textarea 无法按创建返回到我的项目的前端，如何解决？

【英文标题】：textarea saved with break lines cannot be returned as created to the front-end of my project , how to resolve that?

【发布时间】：2019-11-28 05:20:36

【问题描述】：

我有一个 html 表单，其中有一个 textarea 框：我的过程是在 textarea 中创建一个文本，然后单击保存按钮，保存后 textarea 的内容必须在屏幕上显示给客户端验证他是否要更改任何内容.. 我的问题是当我创建带有中断行的文本区域时，文本已正确保存，但无法在屏幕上显示给客户端。我找到了一个解决方案：

content.replace(/(?:\r\n|\r|\n)/g, '/
');  

但问题是这个解决方案适用于谷歌，但在 Firefox 中它不起作用..

谁能帮帮我？？

<textarea id="aide-text-content"></textarea>


($('#aide_content_text textarea').val().length != 0 && $('#aide_content_text textarea').val().length != null)
                
                    content = $('#aide_content_text textarea').val();
                    content = content.replace(/(?:\r\n|\r|\n)/g, '                                                                                                \

【问题讨论】：

如果要在 HTML 中显示，应将换行符转换为 <br /> 标签。

我试过了，但不幸的是它不起作用

向我们展示您的代码。如果您的问题中没有任何类似代码，就不可能说出您要尝试做什么。

如果将字符串包装在

我编辑 pub 并添加代码

【参考方案1】：

您可以使用white-space: pre 或white-space: pre-wrap 换行：

const myText = 'Hello World!\n\nLet\'s get some\nLINEBREAKS\nin here';
document.getElementById('container').textContent = myText;

#container 
  white-space: pre;

<div id="container"></div>