HTML表格导出时textarea换行丢失，因textContent/innerText会折叠换行符，必须用cell.querySelector('textarea').value获取原始值；CSV导出需双重转义并包裹双引号；SheetJS需手动同步value属性或改用sheet_add_aoa；Safari要求下载逻辑在用户点击事件内同步执行，且动态渲染需等待框架更新完成。
HTML表格里嵌了textarea，导出时内容全变成一行、换行丢失、缩进塌陷——这不是数据丢了，是没正确提取textarea.value的原始值。
为什么textContent和innerText拿不到textarea里的换行
textarea的换行符存在value属性里，而textContent读的是渲染后文本（浏览器会把\n转成空格或折叠），innerText更甚，还受CSS影响。直接遍历td再取textContent，等于主动丢掉所有回车和制表符。
- 必须显式定位到
textarea元素：用cell.querySelector('textarea')判断是否存在 - 存在则取
el.value，不是el.textContent - 若单元格含多个可编辑控件（如
input+textarea），需按类型分支处理，不能统一用textContent
导出CSV时textarea内容要双重转义
CSV规范要求：字段含\n、,或"时，必须用双引号包裹；内部双引号还要替换成两个"。而textarea.value天然可能含这三者——尤其用户粘贴日志、代码块或带引号的句子时。
- 别跳过判断：
if (v.includes('\n') || v.includes(',') || v.includes('"')) - 包裹后，先
v.replace(/"/g, '""')，再套"${v}" - 注意：换行符
\n在CSV里合法，但Excel打开时需确保单元格格式为“自动换行”，否则显示为方块或截断
导出Excel（.xlsx）用SheetJS时textarea值能自动保留吗
能，但有前提：XLSX.utils.table_to_sheet(table)底层读的是cell.innerHTML或textContent，对textarea默认不特殊处理。它实际读到的是textarea的初始value（即HTML里的value="..."属性值），而非用户输入后的实时值。
- 导出前必须手动同步：遍历所有
textarea，把el.value写回el.setAttribute('value', el.value) - 或者更稳妥：不用
table_to_sheet，改用sheet_add_aoa，自己构造二维数组，对每个单元格判断是否含textarea并取.value - SheetJS不会保留
textarea的rows/cols等属性，导出后纯文本无格式，这是正常行为
移动端Safari导出textarea内容失败的隐藏限制
Safari对a.download的触发极其严格：必须是用户手势（如click）直接触发，且Blob必须在事件回调内即时创建。如果导出逻辑包在setTimeout、Promise.then或异步请求回调里，Safari会静默拒绝下载，连错误都不抛。
- 所有
textarea值提取、CSV拼接、Blob生成、a.click()必须在同一个onclick或addEventListener('click')回调内完成 - 避免在
fetch().then()里触发下载——哪怕只是想加个loading状态 - 真要异步（比如校验内容长度），得用
await阻塞在点击事件内，而不是扔进微任务队列
最易被忽略的一点：表格里textarea可能是动态渲染的（如Vue v-model绑定），脚本执行时DOM已存在但value还是初始空值。此时必须等框架更新完毕再取值，比如Vue用this.$nextTick()，React用useEffect，否则导出的永远是空字符串或旧值。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
