如何在Angular2中使用FileSaver库实现Excel单元格内换行？

遇到这种情况是因为Excel默认不会把|识别为换行符，而且就算把分隔符换成换行符，也得开启单元格的自动换行属性才能让内容正常显示。下面分两步来搞定这个问题：

1. 预处理数据源：把竖线替换成Excel能识别的换行符 #

首先你得把this.result里所有带|的字符串，替换成Excel认可的换行符\n（Windows环境下用\r\n也可以，不过\n在大多数Angular导出库中都能正常工作）。可以用遍历的方式批量处理整个JSON对象：

// 处理你的JSON数据，全局替换|为换行符
const processedResult = this.result.map(item => {
  // 复制原对象，避免修改原始数据
  const processedItem = { ...item };
  // 遍历每个字段，只处理字符串类型的内容
  Object.keys(processedItem).forEach(key => {
    if (typeof processedItem[key] === 'string') {
      processedItem[key] = processedItem[key].replace(/\|/g, '\n');
    }
  });
  return processedItem;
});

2. 修改导出逻辑，开启单元格自动换行 #

这是最关键的一步——得让Excel知道要自动换行显示这些内容。假设你的exportAsExcelFile是基于xlsx库封装的（这是Angular里最常用的Excel导出工具），你需要在生成工作表时给单元格添加wrapText样式：

如果你是自己封装的导出方法，修改如下： #

import * as XLSX from 'xlsx';

// 更新你的exportAsExcelFile方法
exportAsExcelFile(json: any[], excelFileName: string): void {
  // 将JSON转换为Excel工作表
  const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);

  // 获取工作表的单元格范围
  const range = XLSX.utils.decode_range(worksheet['!ref'] || 'A1');
  
  // 遍历所有单元格，设置自动换行样式
  for (let row = range.s.r; row <= range.e.r; row++) {
    for (let col = range.s.c; col <= range.e.c; col++) {
      const cellAddr = XLSX.utils.encode_cell({ r: row, c: col });
      // 如果单元格存在，添加自动换行样式
      if (worksheet[cellAddr]) {
        worksheet[cellAddr].s = {
          alignment: { wrapText: true }
        };
      }
    }
  }

  // 生成工作簿并导出文件
  const workbook: XLSX.WorkBook = {
    Sheets: { 'data': worksheet },
    SheetNames: ['data']
  };
  XLSX.writeFile(workbook, `${excelFileName}.xlsx`);
}

如果你用的是第三方导出库（比如ngx-excel-export） #

要是你用的是现成的第三方导出库，一般都会提供配置项来开启自动换行。以ngx-excel-export为例，可以这么设置：

import { ExcelExportService } from 'ngx-excel-export';

// 调用导出时传入自动换行配置
this.excelExportService.exportExcel(processedResult, 'Report', {
  columnSettings: [
    // 对所有列开启自动换行
    { key: '*', wrapText: true }
  ]
});

最后验证效果 #

处理完数据后，调用导出方法：

this.exportAsExcelFile(processedResult, 'Report');

打开导出的Excel文件，你会看到原来用|分隔的内容已经在单元格内自动换行了。如果还是没生效，可以检查这几点：

• 是不是替换换行符时漏处理了某些字段
• 导出方法里有没有正确设置wrapText属性
• Excel单元格的行高是否足够显示多行内容（也可以通过代码配置自动行高）

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