React结合JavaScript实现RTF转PDF的完整教程

npm i spire.office

useEffect(() => {
  (async () => {
    try {
      const publicUrl = process.env.PUBLIC_URL || '';
      // 动态导入 WASM 模块
      const spireModule = await import(
        /* webpackIgnore: true */ `${publicUrl}/spire.doc.js`
      );
      const rawModule = spireModule.default || spireModule;
      // 初始化 WASM 实例，指定 .wasm 文件的位置
      window.wasmModule = typeof rawModule === 'function'
        ? await rawModule({ 
            locateFile: p => p.endsWith('.wasm') 
              ? `${publicUrl}/${p}` 
              : p 
          })
        : rawModule;
      setWasmModule(window.wasmModule);
    } catch (error) {
      console.error('Failed to load WASM module:', error);
    }
  })();
}, []);

// 加载字体文件到 VFS
await window.spire.FetchFileToVFS(
  'times.ttf',           // 文件名
  '/Library/Fonts/',     // VFS 中的目标路径
  `${publicUrl}/static/font/`  // 宿主环境中的资源路径
);
await window.spire.FetchFileToVFS('timesbd.ttf', '/Library/Fonts/', `${publicUrl}/static/font/`);
await window.spire.FetchFileToVFS('timesbi.ttf', '/Library/Fonts/', `${publicUrl}/static/font/`);
await window.spire.FetchFileToVFS('timesi.ttf', '/Library/Fonts/', `${publicUrl}/static/font/`);

const convertRtfToPdf = async () => {
  const wasmModule = window.wasmModule.spiredoc;
  if (!wasmModule) return;

  // 将输入文件写入 VFS
  await window.spire.FetchFileToVFS(
    'input.rtf', 
    '', 
    `${process.env.PUBLIC_URL}/static/data/`
  );

  // 创建 Document 实例
  const doc = new wasmModule.Document();
  
  // 从 VFS 加载 RTF 文件
  doc.LoadFromFile('input.rtf');
  
  // 保存为 PDF 格式
  const outputFileName = 'RtfToPdf.pdf';
  doc.SaveToFile({ 
    fileName: outputFileName, 
    fileFormat: wasmModule.FileFormat.PDF 
  });
  
  // 从 VFS 读取生成的 PDF
  const pdfData = window.dotnetRuntime.Module.FS.readFile(outputFileName);
  
  // 创建 Blob 并下载
  const blob = new Blob([pdfData], { type: 'application/pdf' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = outputFileName;
  a.click();
  
  // 清理
  URL.revokeObjectURL(url);
  doc.Dispose();
};

// 清理 VFS 中的文件
window.dotnetRuntime.Module.FS.unlink('input.rtf');
window.dotnetRuntime.Module.FS.unlink('RtfToPdf.pdf');

// 释放 Document 对象
doc.Dispose();

npm install @aspose/words

const aw = require('@aspose/words');
// 加载 RTF 文档
var doc = new aw.Document("Input.rtf");
// 保存为 PDF
doc.save("Output.pdf");

import { parseRTF, toHTML } from '@jonahschulte/rtf-toolkit';
const rtf = '{\\rtf1\\b Bold\\b0 and \\i italic\\i0 text}';
const doc = parseRTF(rtf);
const html = toHTML(doc);
console.log(html); // 输出: <p><strong>Bold</strong> and <em>italic</em> text</p>