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

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

最佳答案

'react-file-viewer' 可以完成这项工作。它支持多种文件格式,包括 .docx 格式,但对于 .doc 扩展名却惨遭失败。如果我错了请纠正我,我找不到可以处理 .doc 文件扩展名的组件。终于用 google api for 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>

https://stackoverflow.com/questions/34023365/

相关文章:

c++ - IUpdateSearcher 性能问题

java - 玩2.4,报错: package play. *不存在

r - 升级 R/R Studio 后出现 fatal error (无效的事件开发人员路径)

java - 如何使用 Mysql JDBC 驱动连接 Android 和 MySQL

javascript - jsPDF addHTML 获取滚动元素的全部内容

javascript - 如何实现用户可自定义的键盘快捷键(在 javascript 中/在网络上)

java - 在运行时检查 Java 字节码是否包含调试符号

css - 跨浏览器字体大小

maven - 当通过存储库访问父 pom 时,将忽略父 pom 中的

javascript - 如何使 containsNode() 在 IE 中工作?