大家好,我是辉子!
在工作中我们可能会遇到这样的需求,在预览word , pdf , ppt ,在网上找了很多的实现方案,整理了一下,希望能帮到大家, 如果有更好更实用的也可以在评论区留言
docx-preview: 是一个 纯前端的JavaScript库,它的优点是可以后端就实现对 .docx 的文件进行在线预览. 根据相关实践,没有想像中的那么完美
https://github.com/VolodymyrBaydalka/docxjs
kkFileView:支持Office文档,如doc, docx, xls, xlsx, xlsm, ppt, pptx, csv, tsv,, dot, xlt, xltm, dot, xlam, dotx, xla,,pages等。
https://github.com/kekingcn/kkFileView/
Microsoft Office JavaScript API(Office.js)是一个强大的库,用于在Web应用程序中集成Microsoft Office功能,包括编辑和预览Word、PPT和Excel文档。它允许您创建自定义Office插件,以便用户可以在应用程序内部进行编辑和预览。https://github.com/OfficeDev/office-js
SheetJS:SheetJS是一个用于处理Excel文件的JavaScript库。它可以帮助您读取、编辑和生成Excel文件,并支持多种文件格式,包括XLSX、CSV等。https://github.com/SheetJS/sheetjs
PDF.js是Mozilla开发的开源JavaScript库,用于在浏览器中预览和渲染PDF文档。虽然它主要用于PDF,但您可以将其与其他库集成,以支持Word和PPT文档的预览。https://github.com/mozilla/pdf.js
TinyMCE: 是一个流行的富文本编辑器,可以用于编辑和预览HTML内容,包括Word、PPT和Excel文档的嵌入。它提供了丰富的编辑功能和可定制性。https://github.com/tinymce/tinymce
handsontable handsontable: 基于 DOM 元素来渲染表格,功能强大,canvas-datagrid` 支持的功能它都支持,并且主题样式扩展更方便
https://github.com/handsontable/handsontable
Slidev:是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容,同时拥有支持 HTML 和 Vue 组件的能力,并且能够呈现像素级完美的布局,还在你的演讲稿中内置了互动的演示样例。
它使用了功能丰富的 markdown 文件来生成精美的幻灯片,具有即时重载的体验。它还拥有很多内置的集成功能,如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的,因此你可以使用它进行任何操作 —— 具有无限的可能性。
https://github.com/slidevjs/slidev
reveal.js是一个展示内容的框架,可以简单的理解为网页版的PPT。我们用 做出来的PPT其实是一个HTML文件
https://github.com/hakimel/reveal.js/