幼女秀场 vue office:Web 端 office 文献预览器具库

幼女秀场 vue office:Web 端 office 文献预览器具库

vue-office 是一个复古多种文献预览的 vue 插件器具库,复古 word、excel、pdf 等各样型 office 文献,复古 vue2、vue3 以过头他非 vue 框架端的预览幼女秀场,复古在线地址预览、上传文献预览。

图片

在线预览:

图片

插件装配:

色狗// docx文档预览组件npm install @vue-office/docx vue-demi// excel文档预览组件npm install @vue-office/excel vue-demi// pdf文档预览组件npm install @vue-office/pdf vue-demi

vue 中使用:

<template>  <vue-office-docx    :src='docx'    style='height: 100vh;'    @rendered='renderedHandler'    @error='errorHandler'  /></template><script>import VueOfficeDocx from '@vue-office/docx'import '@vue-office/docx/lib/index.css'export default {  components: {    VueOfficeDocx  },  data() {    return {        docx: 'xxx.docx' //诞生文档荟萃地址,不错是相对地址    }  },  methods: {    renderedHandler() {      console.log('渲染完成')    },    errorHandler() {      console.log('渲染失败')    }  }}</script>

其他花样使用:

// npmnpm i @js-preview/docximport jsPreviewDocx from '@js-preview/docx';import '@js-preview/docx/lib/index.css'// initconst myDocxPreviewer = jsPreviewDocx.init(document.getElementById('docx'));myDocxPreviewer.preview('xxx.docx').then(res=>{  console.log('预览完成');}).catch(e=>{  console.log('预览失败', e);})功能和特色:

复古 word、excel、pdf 等各样型 office 文献预览。

复古在线连系地址文献预览,复古上传文献预览, 不错认知 ArrayBuffer、Blob 等多种顺次。

复古多样文献顺次关系设置幼女秀场,比如渲染行数、列数、宽、高档等多样样貌,复古事件监听功能。

本站仅提供存储干事,扫数实践均由用户发布,如发现存害或侵权实践,请点击举报。



Powered by 巨臀twitter @2013-2022 RSS地图 HTML地图

Copyright Powered by365站群 © 2013-2024