如何在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组件的方法?

内容的提问来源于stack exchange,提问作者sachin nishad
相关产品推荐
相关产品推荐

