如何将XML样式表导入OpenXML工作表？ReportJS样式复用问题咨询

ReportJS本身大概率没有原生支持XML外部文件导入，所以得换个思路解决重复代码问题，推荐几个实用方案：

方案1：构建阶段预合并样式 #

用脚本在报表构建时自动把公共样式插入到每个报表XML中，一劳永逸。比如用Node.js+Cheerio实现：

const fs = require('fs');
const cheerio = require('cheerio');

// 读取公共样式文件
const stylesContent = fs.readFileSync("common-styles.xml", "utf8");
const $style = cheerio.load(stylesContent, { xmlMode: true });
const styleSheet = $style("styleSheet").clone();

// 批量处理所有报表文件
const reportFiles = ["report1.xml", "report2.xml", "report3.xml"];
reportFiles.forEach(filePath => {
    const reportContent = fs.readFileSync(filePath, "utf8");
    const $report = cheerio.load(reportContent, { xmlMode: true });

    // 替换现有样式或插入新样式
    if ($report("styleSheet").length) {
        $report("styleSheet").replaceWith(styleSheet);
    } else {
        // 假设报表根节点是<report>，根据实际结构调整
        $report("report").append(styleSheet);
    }

    // 写回修改后的报表文件
    fs.writeFileSync(filePath, $report.xml());
});

每次修改公共样式后，运行这个脚本就能同步更新所有报表，不用手动复制粘贴。

方案2：渲染时动态注入样式 #

如果不想修改原始报表文件，可以在ReportJS渲染前动态插入样式：

const fs = require('fs').promises;
const cheerio = require('cheerio');

async function renderWithSharedStyles(reportPath) {
    // 读取公共样式和报表内容
    const [stylesXml, reportXml] = await Promise.all([
        fs.readFile("common-styles.xml", "utf8"),
        fs.readFile(reportPath, "utf8")
    ]);

    const $style = cheerio.load(stylesXml, { xmlMode: true });
    const styleSheet = $style("styleSheet")[0];
    const $report = cheerio.load(reportXml, { xmlMode: true });

    // 注入样式
    if (!$report("styleSheet").length) {
        $report("your-report-root-node").append(styleSheet);
    } else {
        $report("styleSheet").replaceWith(styleSheet);
    }

    // 传给ReportJS渲染
    const result = await ReportJS.render($report.xml());
    return result;
}

这样原始报表文件保持干净，所有样式复用逻辑都在渲染层处理。

方案3：利用模板引擎做变量替换 #

如果ReportJS支持模板语法，或者你可以先通过模板引擎预处理XML：

1. 在报表模板中留好占位符，比如：

   <report>
       <styleSheet>{{sharedStyles}}</styleSheet>
       <!-- 报表内容 -->
   </report>
   

2. 用Handlebars等模板引擎替换占位符：

   const handlebars = require('handlebars');
   const fs = require('fs');
   
   // 读取公共样式并提取内容
   const stylesXml = fs.readFileSync("common-styles.xml", "utf8");
   const $style = cheerio.load(stylesXml, { xmlMode: true });
   const sharedStyles = $style("styleSheet").html();
   
   // 编译模板并生成最终XML
   const template = handlebars.compile(fs.readFileSync("report-template.xml", "utf8"));
   const finalReportXml = template({ sharedStyles });
   
   // 渲染报表
   ReportJS.render(finalReportXml);
   

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