![\"Vue](\"./public/file.svg\")
\n\n\n\n \n\n
\n![\"NPM](\"https://img.shields.io/npm/v/vue-files-preview?color=a1b858&label=\")
![\"NPM](\"https://img.shields.io/npm/dm/vue-files-preview?color=50a36f&label=\")
![\"Demos\"](\"https://img.shields.io/static/v1?label=&message=demo&color=1e8a7a\")
![\"GitHub](\"https://img.shields.io/github/stars/VueFilesPreview/vue-files-preview?style=social\")
\n ![\"docx](\"assets/images/readme/docx.png\")
\n
\n\n### xlsx preview\n\nUsing [Vue Office](https://github.com/501351981/vue-office) to preview spreadsheet files.\n\nSupported formats: `xlsx`, `xls`, `csv`, `fods`, `ods`, `ots`, `xlsm`, `xlt`, `xltm`\n\n
\n ![\"xlsx](\"assets/images/readme/xlsx.png\")
\n
\n\n### pptx preview\n\nUsing [pptx-preview](https://github.com/nicl-dev/pptx-preview) to preview presentation files with responsive layout and all slides tiled vertically.\n\nSupported formats: `ppt`, `pptx`, `fodp`, `odp`, `otp`, `pot`, `potm`, `potx`, `pps`, `ppsm`, `ppsx`, `pptm`\n\n### pdf preview\n\nUsing native iframe to render PDF files.\n\nSupported formats: `pdf`\n\n
\n ![\"pdf](\"assets/images/readme/pdf.png\")
\n
\n\n### audio preview\n\nUsing native audio tag and canvas to implement the audio preview with waveform visualization.\n\nSupported formats: `mp3`, `wav`, `wma`, `ogg`, `aac`, `flac`\n\n\n\n### video preview\n\nUsing native video tag to implement the video preview.\n\nSupported formats: `mp4`, `webm`, `ogg`, `mkv`, `avi`, `mpeg`, `flv`, `mov`, `wmv`\n\n\n\n### image preview\n\nUsing native img tag to implement image preview.\n\nSupported formats: `jpg`, `png`, `jpeg`, `webp`, `gif`, `bmp`, `svg`, `ico`\n\n
\n ![\"jpg](\"assets/images/readme/jpg.png\")
\n ![\"jpeg](\"assets/images/readme/jpeg.png\")
\n ![\"png](\"assets/images/readme/png.png\")
\n
\n\n### txt preview\n\nSupported formats: `txt`\n\n\n\n### code preview\n\nUsing [codemirror](https://github.com/codemirror/dev/) to provide syntax-highlighted code file preview.\n\nSupported formats: `html`, `css`, `less`, `scss`, `js`, `json`, `ts`, `vue`, `c`, `cpp`, `java`, `py`, `go`, `php`, `lua`, `rb`, `pl`, `swift`, `vb`, `cs`, `sh`, `rs`, `vim`, `log`, `lock`, `xml`, `mht`, `mhtml`, `mod`\n\n
\n ![\"html](\"assets/images/readme/html.png\")
\n ![\"css](\"assets/images/readme/css.png\")
\n ![\"js](\"assets/images/readme/js.png\")
\n ![\"py](\"assets/images/readme/py.png\")
\n ![\"rs](\"assets/images/readme/rs.png\")
\n ![\"go](\"assets/images/readme/go.png\")
\n ![\"lua](\"assets/images/readme/lua.png\")
\n ![\"c](\"assets/images/readme/c.png\")
\n
\n\n### markdown preview\n\nUsing [markdown-it](https://github.com/markdown-it/markdown-it) with [highlight.js](https://github.com/highlightjs/highlight.js) for code block highlighting.\n\nSupported formats: `md`\n\n\n\n### epub preview\n\nUsing [epubjs](http://epubjs.org/documentation/0.3/) to preview EPUB e-books with page-flipping support.\n\nSupported formats: `epub`\n\n\n\n### msg preview\n\nUsing [msgreader](https://github.com/nicl-dev/msgreader) to preview Outlook email (.msg) files, displaying sender, recipients, subject, and body content.\n\nSupported formats: `msg`\n\n### doc preview\n\n> doc format support is still pending. Files with the following extensions will display a friendly \"unknown file\" interface.\n\nRecognized but not yet previewable: `doc`, `docm`, `dot`, `dotm`, `dotx`, `fodt`, `odt`, `ott`, `rtf`, `djvu`, `xps`\n\n## 🤝 Contributors\n\n\n \n\n\n## 🌸 Thanks\n\n* [pptx-preview](https://github.com/nicl-dev/pptx-preview)\n* [vue-office](https://github.com/501351981/vue-office)\n* [codemirror](https://github.com/codemirror/dev/)\n* [markdown-it](https://github.com/markdown-it/markdown-it)\n* [highlight.js](https://github.com/highlightjs/highlight.js)\n* [epubjs](http://epubjs.org/documentation/0.3/)\n* [msgreader](https://github.com/nicl-dev/msgreader)\n* [vue-codemirror](https://github.com/surmon-china/vue-codemirror)\n* [vueuse](https://github.com/vueuse/vueuse)\n","readmeFilename":"README.md"}