textarea默认不换行，需用wrap属性（soft/hard）或css white-space（pre-wrap/pre-line）控制显示折行；高度自适应需js监听input事件并设height为scrollheight；text-indent对其无效；换行符须前后端统一归一化为\n。

textarea 标签默认不换行，怎么让文字自动折行显示？

默认情况下 textarea 会把连续输入的长文本挤在一行里滚动，视觉上看不到换行——这不是 bug，是它的原始行为。关键在于控制换行策略的两个属性：wrap 和 CSS 的 white-space。

• wrap="soft"（默认值）：提交时**不保存**换行符，但显示时按容器宽度自动折行；适合纯展示或用户编辑后由后端处理格式
• wrap="hard"：显示折行 + 提交时在换行处插入 \r\n；必须同时设置 cols，否则无效
• CSS 中设 white-space: pre-wrap 可保留用户敲的回车，同时允许长单词折行；pre-line 则合并空格但保留换行

textarea 高度自适应内容，不用滚动条怎么实现？

原生 textarea 不支持 height: auto，得靠 JS 监听输入并重设 scrollHeight。注意别直接用 clientHeight 或 offsetHeight，它们不含溢出部分。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

• 监听 input 事件（不是 change），每次触发后执行：el.style.height = 'auto'; el.style.height = el.scrollHeight + 'px';
• 为避免闪烁，建议先设 min-height 和 max-height，超出后才出现滚动条
• 移动端需额外处理 focus 后软键盘弹起导致的布局抖动，可加 resize 监听或用 scrollIntoView 补偿

为什么 textarea 里的中文换行后首行缩进失效？

因为 text-indent 对 textarea **完全无效**——它只作用于块级元素的首行，而 textarea 是替换元素（replaced element），内部文本不受常规文本样式控制。

• 想模拟首行缩进，只能靠 JS 在光标位于开头时插入全角空格或  ，但会污染实际内容
• 更稳妥的做法是放弃缩进，改用左侧边框、背景色块或外层 div 包裹后加 padding-left
• 若必须视觉对齐段落，建议用富文本编辑器（如 contenteditable + div），而非 textarea

textarea 提交时换行符在不同系统/语言里怎么统一处理？

用户在 Windows 按 Enter 产生 \r\n，macOS 是 \n，Linux 也是 \n；后端收到后若不做归一化，数据库存、日志解析、前端渲染都可能出错。

• 前端提交前可用正则清理：value.replace(/\r\n|\r|\n/g, '\n')，统一成 LF
• 后端接收时也应做同样转换，不能依赖前端；Node.js 用 req.body.text.replace(/[\r\u2028\u2029]/g, '\n') 更稳妥（含 Unicode 换行符）
• 数据库字段类型选 TEXT 而非 VARCHAR，避免长度计算因换行符差异误判

实际项目里最常被忽略的是 wrap 属性和换行符归一化的配合——设了 wrap="hard" 却没配 cols，或前端转了 \n 后端又转一遍，结果多出空行。这些细节不报错，但会让文本显示和存储变得不可预测。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！