You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在React应用中渲染DOCX文档的修订追踪/编辑建议?

在React应用中渲染带修订追踪的DOCX文件问题

我正在构建一个React应用,从后端API接收base64格式的DOCX文件。该文件在Google Docs中可正确显示修订追踪(插入、删除、格式建议),但使用react-doc-viewer、docx-preview等React库渲染时,仅显示最终内容,修订追踪不可见。

已尝试方案

  • 将base64字符串转换为可下载DOCX,验证文件保留修订追踪;
  • 测试react-doc-viewer、docx-preview、mammoth.js等库,均无法显示修订;
  • 确认问题仅针对修订追踪渲染,非文件解析问题。

核心需求

  • 在React UI中内联渲染DOCX,不使用下载或外部查看器;
  • 保留修订追踪(插入/删除)及格式,与Google Docs显示效果一致。

问题分析

修订追踪以<w:ins>、<w:del>等修订标签存储在DOCX XML中,多数React DOCX库仅渲染最终内容,忽略修订信息。

可能思路

  • 使用可解析DOCX XML并暴露修订信息的库;
  • 编程提取DOCX修订并叠加到渲染内容上。

请问如何在React应用中解析并显示DOCX修订追踪,实现Google Docs般的效果?是否有客户端提取DOCX修订、将其转换为高亮文本、删除线等React组件的方法?

Google Docs中显示的修订效果

内容的提问来源于stack exchange,提问作者sachin nishad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 13:02:43