论坛开发：JSON无法保存换行，替换换行符为\n无效求助

排查替换代码有效性 #

你写的替换逻辑本身没问题，但要确保将替换结果赋值回目标变量，否则替换操作不会生效：

// 正确写法：把替换后的值存回，再用于JSON序列化
content.value = content.value.replace(/\r?\n/g, "\n");
const jsonData = JSON.stringify({ content: content.value });

其实浏览器的textarea.value已经会自动把\r\n统一转换成\n，这一步更多是保证跨浏览器的一致性，核心问题可能出在后续环节。

检查JSON序列化与后端处理 #

1. 序列化环节：JSON.stringify()处理字符串时，会自动将\n转义为\\n，这是JSON的标准格式，属于正常行为，后续用JSON.parse()反序列化时会自动还原为\n。
2. 后端存储：确认后端接收数据时没有额外转义换行符，比如部分框架或数据库会自动转义特殊字符，导致最终存储的是\\\\n，后续读取时就无法正确解析换行。
3. 前端展示还原：如果是展示时看不到换行，不用手动转义，直接用CSS样式white-space: pre-wrap;包裹内容，或者将\n替换为<br>标签（HTML场景）：

// HTML场景下替换换行符为换行标签
const displayContent = jsonParsed.content.replace(/\n/g, "<br>");
// 或者用CSS实现自动换行
// <div style="white-space: pre-wrap;">{jsonParsed.content}</div>

避坑提示 #

不要手动把\n转成\\n，JSON.stringify()会自动完成这个转义过程，手动操作会导致双重转义，最终存储的是无效的转义字符。

内容的提问来源于stack exchange，提问作者frag