本文详解如何在 JavaScript 中安全移除 textarea 中的特殊字符，同时完整保留换行符（\n），避免误将换行当作空白符删除，并给出可直接运行的修复方案与关键注意事项。
本文详解如何在 javascript 中安全移除 textarea 中的特殊字符，同时完整保留换行符（`\n`），避免误将换行当作空白符删除，并给出可直接运行的修复方案与关键注意事项。
在处理用户输入的多行文本（如 <textarea></textarea>）时，一个常见需求是：过滤掉标点、符号等非字母数字字符，但必须保留原始换行结构。然而，许多开发者会不慎使用 /\s+/g（匹配所有空白字符，包括 \n, \r, \t, 空格）进行替换，导致换行符被错误地压缩或替换成空格，最终输出变成单行“扁平化”文本。
你提供的代码中问题正出在这里：
.replace(/\s+/g, ' ') // ❌ 错误！\s 包含 \n，会把换行也替换成空格
/\s/ 是 Unicode 空白字符类，等价于 [\f\n\r\t\v\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000]，其中明确包含 \n 和 \r —— 这正是换行丢失的根源。
✅ 正确做法是：仅对普通空格（' '）做压缩，而显式放行 \n 和 \r。推荐采用 Barmar 提出的简洁修复：
// ✅ 修复版：只替换连续空格，不碰换行符
let inputText = document.getElementById('inputTextArea').value;
let cleanedText = inputText
.replace(/[^\w\s]/gi, match => match === '\n' || match === '\r' ? match : ' ') // 保留 \n \r，其他特殊字符转为空格
.replace(/ +/g, ' ') // ✅ 只匹配一个或多个普通空格 → 替换为单个空格
.replace(/\n/g, '\n') // （可选）确保换行符归一化（兼容 Windows \r\n）
.trim(); // 移除首尾空格，但不影响首尾换行（trim 不删 \n）
document.getElementById('outputTextArea').value = cleanedText;? 关键注意事项：
- 不要依赖
/\s+/g压缩空白——它破坏换行语义； - 若需兼容 Windows 换行（
\r\n），可在.replace()后统一规范化：.replace(/\r\n/g, '\n').replace(/\r/g, '\n')； -
<textarea></textarea>的value属性天然以\n表示换行（无论输入时是\r\n还是\n），因此只需处理\n即可保证一致性； - 输出
<textarea></textarea>已设置white-space: pre-wrap，能正确渲染换行和空格，无需额外样式干预。
? 进阶建议：如需更健壮的清洗逻辑（例如保留制表符、支持中文全角符号过滤等），可改用字符白名单方式：
// 更清晰的白名单思路（仅保留字母、数字、空格、换行、制表符）
cleanedText = inputText.replace(/[^\p{L}\p{N}\s]/gu, ' ')
.replace(/ +/g, ' ')
.replace(/\n/g, '\n')
.trim();（需注意 u 标志和 Unicode 属性类在较老浏览器中可能不支持）
总之，保留换行的本质，是区分“有意的结构分隔符”（\n）与“无意的格式噪声”（多余空格）。精准控制正则匹配范围，是实现干净、可读、符合预期的多行文本处理的关键。
