ReactJS中的嵌入式文档查看器控件

时间:2015-12-01 14:56:39

标签: reactjs react-jsx

我们正在使用ReactJS创建搜索前端。要求是当用户点击文档的名称时,文档必须在嵌入式查看器中打开。有没有人为此使用任何ReactJS组件?否则,我应该使用JQuery查看器组件吗?请指教。提前谢谢。

1 个答案:

答案 0 :(得分:0)

'react-file-viewer'可以完成工作。它支持多种文件格式,包括.docx格式,但对于.doc扩展名却惨遭失败。纠正我,如果我错了,我找不到可以处理.doc文件扩展名的组件。终于用google api解决了doc viewer。我建议仅将其用于处理doc和docx文件扩展名。然后去比较小的库,例如react-pdf来处理pdf扩展名。

您可以使用google api呈现doc,docx文件类型

<iframe class={filetype} width="830" height="400" frameborder="0" src={`https://docs.google.com/gview?url=${file_url}&embedded=true`}></iframe>
相关问题