mirror of
https://github.com/501351981/vue-office.git
synced 2025-07-25 07:41:42 +08:00
修改项目结构,doc预览增加配置
This commit is contained in:
parent
6a3de18019
commit
8c89bdc6b9
@ -183,6 +183,6 @@ export default {
|
||||
|
||||
**_如果该项目确实帮助到了您_**,欢迎赞助,以鼓励我将更多的休息时间,投入到该项目的优化中,也欢迎赞助后添加微信交流:\_hit757_
|
||||
|
||||
<img src="https://501351981.github.io/vue-office/examples/public/static/wx.png" alt="赞助二维码" width="260"/>
|
||||
<img src="https://501351981.github.io/vue-office/examples/dist/static/wx.png" alt="赞助二维码" width="260"/>
|
||||
|
||||
### 恳请各位大佬不吝点赞,开源不易,感谢支持~~
|
||||
|
@ -2,7 +2,7 @@ import { defineConfig } from 'vitepress'
|
||||
const path = require('path')
|
||||
// https://vitepress.dev/reference/site-config
|
||||
export default defineConfig({
|
||||
// base: '/vue-office/examples/docs/',
|
||||
base: '/vue-office/examples/docs/',
|
||||
outDir: path.resolve(__dirname, '../../examples/docs'),
|
||||
title: "vue-office",
|
||||
description: "更简单的office文件预览",
|
||||
|
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{d as p,K as s,a2 as i,u,p as c,k as l,a3 as d,a4 as f,a5 as m,a6 as h,a7 as A,a8 as g,a9 as P,aa as v,ab as y,ac as C,ad as w,ae as _,af as b,ag as E}from"./chunks/framework.bb0ce79f.js";import{t as R}from"./chunks/theme.0064a33b.js";function r(e){if(e.extends){const a=r(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const n=r(R),D=p({name:"VitePressApp",setup(){const{site:e}=u();return c(()=>{l(()=>{document.documentElement.lang=e.value.lang,document.documentElement.dir=e.value.dir})}),d(),f(),m(),n.setup&&n.setup(),()=>h(n.Layout)}});async function O(){const e=T(),a=S();a.provide(A,e);const t=g(e.route);return a.provide(P,t),a.component("Content",v),a.component("ClientOnly",y),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:a,router:e,siteData:C}),{app:a,router:e,data:t}}function S(){return w(D)}function T(){let e=s,a;return _(t=>{let o=b(t);return e&&(a=o),(e||a===o)&&(o=o.replace(/\.js$/,".lean.js")),s&&(e=!1),E(()=>import(o),[])},n.NotFound)}s&&O().then(({app:e,router:a,data:t})=>{a.go().then(()=>{i(a.route,t.site),e.mount("#app")})});export{O as createApp};
|
||||
import{d as p,K as s,a2 as i,u,p as c,k as l,a3 as d,a4 as f,a5 as m,a6 as h,a7 as A,a8 as g,a9 as P,aa as v,ab as y,ac as C,ad as w,ae as _,af as b,ag as E}from"./chunks/framework.935eb42c.js";import{t as R}from"./chunks/theme.585d8d97.js";function r(e){if(e.extends){const a=r(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const n=r(R),D=p({name:"VitePressApp",setup(){const{site:e}=u();return c(()=>{l(()=>{document.documentElement.lang=e.value.lang,document.documentElement.dir=e.value.dir})}),d(),f(),m(),n.setup&&n.setup(),()=>h(n.Layout)}});async function O(){const e=T(),a=S();a.provide(A,e);const t=g(e.route);return a.provide(P,t),a.component("Content",v),a.component("ClientOnly",y),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:a,router:e,siteData:C}),{app:a,router:e,data:t}}function S(){return w(D)}function T(){let e=s,a;return _(t=>{let o=b(t);return e&&(a=o),(e||a===o)&&(o=o.replace(/\.js$/,".lean.js")),s&&(e=!1),E(()=>import(o),[])},n.NotFound)}s&&O().then(({app:e,router:a,data:t})=>{a.go().then(()=>{i(a.route,t.site),e.mount("#app")})});export{O as createApp};
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{_ as e,c as r,o as a,O as t}from"./chunks/framework.bb0ce79f.js";const m=JSON.parse('{"title":"事件","description":"","frontmatter":{},"headers":[],"relativePath":"config/event.md"}'),o={name:"config/event.md"},n=t('<h1 id="事件" tabindex="-1">事件 <a class="header-anchor" href="#事件" aria-label="Permalink to "事件""></a></h1><h2 id="rendered" tabindex="-1">rendered <a class="header-anchor" href="#rendered" aria-label="Permalink to "rendered""></a></h2><p>渲染完成事件,可以在该事件中处理关闭loading操作等。</p><p>首次渲染完成及每次src变化之后渲染完成都会触发该事件。</p><h2 id="error" tabindex="-1">error <a class="header-anchor" href="#error" aria-label="Permalink to "error""></a></h2><p>失败事件,各种失败都会触发该事件,包括网络请求失败,渲染失败等</p>',6),d=[n];function c(s,i,_,l,h,p){return a(),r("div",null,d)}const u=e(o,[["render",c]]);export{m as __pageData,u as default};
|
||||
import{_ as e,c as r,o as a,O as t}from"./chunks/framework.935eb42c.js";const m=JSON.parse('{"title":"事件","description":"","frontmatter":{},"headers":[],"relativePath":"config/event.md"}'),o={name:"config/event.md"},n=t('<h1 id="事件" tabindex="-1">事件 <a class="header-anchor" href="#事件" aria-label="Permalink to "事件""></a></h1><h2 id="rendered" tabindex="-1">rendered <a class="header-anchor" href="#rendered" aria-label="Permalink to "rendered""></a></h2><p>渲染完成事件,可以在该事件中处理关闭loading操作等。</p><p>首次渲染完成及每次src变化之后渲染完成都会触发该事件。</p><h2 id="error" tabindex="-1">error <a class="header-anchor" href="#error" aria-label="Permalink to "error""></a></h2><p>失败事件,各种失败都会触发该事件,包括网络请求失败,渲染失败等</p>',6),d=[n];function c(s,i,_,l,h,p){return a(),r("div",null,d)}const u=e(o,[["render",c]]);export{m as __pageData,u as default};
|
@ -1 +1 @@
|
||||
import{_ as e,c as r,o as a,O as t}from"./chunks/framework.bb0ce79f.js";const m=JSON.parse('{"title":"事件","description":"","frontmatter":{},"headers":[],"relativePath":"config/event.md"}'),o={name:"config/event.md"},n=t("",6),d=[n];function c(s,i,_,l,h,p){return a(),r("div",null,d)}const u=e(o,[["render",c]]);export{m as __pageData,u as default};
|
||||
import{_ as e,c as r,o as a,O as t}from"./chunks/framework.935eb42c.js";const m=JSON.parse('{"title":"事件","description":"","frontmatter":{},"headers":[],"relativePath":"config/event.md"}'),o={name:"config/event.md"},n=t("",6),d=[n];function c(s,i,_,l,h,p){return a(),r("div",null,d)}const u=e(o,[["render",c]]);export{m as __pageData,u as default};
|
@ -1,3 +1,3 @@
|
||||
import{_ as a,c as e,o as s,O as t}from"./chunks/framework.bb0ce79f.js";const _=JSON.parse('{"title":"属性","description":"","frontmatter":{},"headers":[],"relativePath":"config/index.md"}'),l={name:"config/index.md"},o=t(`<h1 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to "属性""></a></h1><h2 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to "src""></a></h2><ul><li>类型:String, ArrayBuffer, Blob</li></ul><p>文档地址,文件在CDN或服务器上的地址,或者是通过FileReader读取的文件ArrayBuffer或者Blob格式。</p><h2 id="request-options" tabindex="-1">request-options <a class="header-anchor" href="#request-options" aria-label="Permalink to "request-options""></a></h2><ul><li>类型:Object</li></ul><p>如果属性src是个文件地址,组件内部会通过window.fetch进行请求,对应window.fetch的请求参数,可以用来设置header等请求信息。</p><h2 id="options-xlsx特有属性" tabindex="-1">options [xlsx特有属性] <a class="header-anchor" href="#options-xlsx特有属性" aria-label="Permalink to "options [xlsx特有属性]""></a></h2><ul><li>类型: Object</li></ul><p>excel相关的配置,目前支持配置项很少。</p><p>minColLength: excel最少渲染多少列,如果想实现xlsx文件内容有几列,就渲染几列,可以将此值设置为0.</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
import{_ as a,c as e,o as s,O as t}from"./chunks/framework.935eb42c.js";const _=JSON.parse('{"title":"属性","description":"","frontmatter":{},"headers":[],"relativePath":"config/index.md"}'),l={name:"config/index.md"},o=t(`<h1 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to "属性""></a></h1><h2 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to "src""></a></h2><ul><li>类型:String, ArrayBuffer, Blob</li></ul><p>文档地址,文件在CDN或服务器上的地址,或者是通过FileReader读取的文件ArrayBuffer或者Blob格式。</p><h2 id="request-options" tabindex="-1">request-options <a class="header-anchor" href="#request-options" aria-label="Permalink to "request-options""></a></h2><ul><li>类型:Object</li></ul><p>如果属性src是个文件地址,组件内部会通过window.fetch进行请求,对应window.fetch的请求参数,可以用来设置header等请求信息。</p><h2 id="options-xlsx特有属性" tabindex="-1">options [xlsx特有属性] <a class="header-anchor" href="#options-xlsx特有属性" aria-label="Permalink to "options [xlsx特有属性]""></a></h2><ul><li>类型: Object</li></ul><p>excel相关的配置,目前支持配置项很少。</p><p>minColLength: excel最少渲染多少列,如果想实现xlsx文件内容有几列,就渲染几列,可以将此值设置为0.</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">minColLength</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">20</span><span style="color:#A6ACCD;"> </span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span></span></code></pre></div><h2 id="staticfileurl-pdf特有属性" tabindex="-1">staticFileUrl [pdf特有属性] <a class="header-anchor" href="#staticfileurl-pdf特有属性" aria-label="Permalink to "staticFileUrl [pdf特有属性]""></a></h2><ul><li>类型: String</li></ul><p>pdf渲染时可能会请求一些bcmap文件,这些文件默认从 <a href="https://unpkg.com/pdfjs-dist@3.1.81/" target="_blank" rel="noreferrer">https://unpkg.com/pdfjs-dist@3.1.81/</a> 加载,但是可能存在网络不通问题,如果遇到这种问题,可以将这些文件放到自己静态目录,然后修改该属性,告诉组件去这里请求bcmap文件。</p><p>涉及的文件存放在当前github项目中examples/public/cmaps目录下,可将cmaps目录复制到你的静态服务目录下,然后修改staticFileUrl为cmaps文件夹对应的父地址,必须已http或https开头,如 <a href="http://yourdomain/static/" target="_blank" rel="noreferrer">http://yourdomain/static/</a></p>`,16),n=[o];function r(i,p,c,d,h,u){return s(),e("div",null,n)}const m=a(l,[["render",r]]);export{_ as __pageData,m as default};
|
@ -1 +1 @@
|
||||
import{_ as a,c as e,o as s,O as t}from"./chunks/framework.bb0ce79f.js";const _=JSON.parse('{"title":"属性","description":"","frontmatter":{},"headers":[],"relativePath":"config/index.md"}'),l={name:"config/index.md"},o=t("",16),n=[o];function r(i,p,c,d,h,u){return s(),e("div",null,n)}const m=a(l,[["render",r]]);export{_ as __pageData,m as default};
|
||||
import{_ as a,c as e,o as s,O as t}from"./chunks/framework.935eb42c.js";const _=JSON.parse('{"title":"属性","description":"","frontmatter":{},"headers":[],"relativePath":"config/index.md"}'),l={name:"config/index.md"},o=t("",16),n=[o];function r(i,p,c,d,h,u){return s(),e("div",null,n)}const m=a(l,[["render",r]]);export{_ as __pageData,m as default};
|
@ -1 +1 @@
|
||||
import{_ as e,c as t,o as a,O as o}from"./chunks/framework.bb0ce79f.js";const f=JSON.parse('{"title":"联系我","description":"","frontmatter":{},"headers":[],"relativePath":"guide/contact.md"}'),i={name:"guide/contact.md"},s=o('<h1 id="联系我" tabindex="-1">联系我 <a class="header-anchor" href="#联系我" aria-label="Permalink to "联系我""></a></h1><h2 id="提issue" tabindex="-1">提Issue <a class="header-anchor" href="#提issue" aria-label="Permalink to "提Issue""></a></h2><p>如果您遇到了问题,欢迎提Issue,同时请您尽可能详细的描述您遇到的问题,包括不限于</p><ul><li>您使用的是哪个库: @vue-office/docx、@vue-office/excel、@vue-office/pdf</li><li>您使用的环境:APP or Web,PC or 移动端,如果是浏览器兼容问题,请提供您的浏览器版本</li><li>如果有错误,请粘贴详细的报错信息</li></ul><p>详细的描述有助于我尽快定位问题,因为平时工作很忙,时间很有限,感谢理解</p><h2 id="赞助和微信交流" tabindex="-1">赞助和微信交流 <a class="header-anchor" href="#赞助和微信交流" aria-label="Permalink to "赞助和微信交流""></a></h2><p><strong><em>如果该项目确实帮助到了您</em></strong>,欢迎赞助,以鼓励我将更多的休息时间,投入到该项目的优化中,也欢迎赞助后添加微信交流:_hit757_</p><img src="https://501351981.github.io/vue-office/examples/public/static/wx.png" alt="赞助二维码" width="260"><div class="tip custom-block"><p class="custom-block-title">跪求一赞</p><p>如果您觉得该项目帮助了您,还请伸出贵手帮忙点赞支持,万分感谢~~</p></div>',9),c=[s];function r(l,n,_,d,u,p){return a(),t("div",null,c)}const m=e(i,[["render",r]]);export{f as __pageData,m as default};
|
||||
import{_ as e,c as t,o as a,O as o}from"./chunks/framework.935eb42c.js";const f=JSON.parse('{"title":"联系我","description":"","frontmatter":{},"headers":[],"relativePath":"guide/contact.md"}'),i={name:"guide/contact.md"},s=o('<h1 id="联系我" tabindex="-1">联系我 <a class="header-anchor" href="#联系我" aria-label="Permalink to "联系我""></a></h1><h2 id="提issue" tabindex="-1">提Issue <a class="header-anchor" href="#提issue" aria-label="Permalink to "提Issue""></a></h2><p>如果您遇到了问题,欢迎提Issue,同时请您尽可能详细的描述您遇到的问题,包括不限于</p><ul><li>您使用的是哪个库: @vue-office/docx、@vue-office/excel、@vue-office/pdf</li><li>您使用的环境:APP or Web,PC or 移动端,如果是浏览器兼容问题,请提供您的浏览器版本</li><li>如果有错误,请粘贴详细的报错信息</li></ul><p>详细的描述有助于我尽快定位问题,因为平时工作很忙,时间很有限,感谢理解</p><h2 id="赞助和微信交流" tabindex="-1">赞助和微信交流 <a class="header-anchor" href="#赞助和微信交流" aria-label="Permalink to "赞助和微信交流""></a></h2><p><strong><em>如果该项目确实帮助到了您</em></strong>,欢迎赞助,以鼓励我将更多的休息时间,投入到该项目的优化中,也欢迎赞助后添加微信交流:_hit757_</p><img src="https://501351981.github.io/vue-office/examples/public/static/wx.png" alt="赞助二维码" width="260"><div class="tip custom-block"><p class="custom-block-title">跪求一赞</p><p>如果您觉得该项目帮助了您,还请伸出贵手帮忙点赞支持,万分感谢~~</p></div>',9),c=[s];function r(l,n,_,d,u,p){return a(),t("div",null,c)}const m=e(i,[["render",r]]);export{f as __pageData,m as default};
|
@ -1 +1 @@
|
||||
import{_ as e,c as t,o as a,O as o}from"./chunks/framework.bb0ce79f.js";const f=JSON.parse('{"title":"联系我","description":"","frontmatter":{},"headers":[],"relativePath":"guide/contact.md"}'),i={name:"guide/contact.md"},s=o("",9),c=[s];function r(l,n,_,d,u,p){return a(),t("div",null,c)}const m=e(i,[["render",r]]);export{f as __pageData,m as default};
|
||||
import{_ as e,c as t,o as a,O as o}from"./chunks/framework.935eb42c.js";const f=JSON.parse('{"title":"联系我","description":"","frontmatter":{},"headers":[],"relativePath":"guide/contact.md"}'),i={name:"guide/contact.md"},s=o("",9),c=[s];function r(l,n,_,d,u,p){return a(),t("div",null,c)}const m=e(i,[["render",r]]);export{f as __pageData,m as default};
|
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
import{_ as A,c as E,o as I,O as C}from"./chunks/framework.bb0ce79f.js";const R=JSON.parse('{"title":"常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md"}'),Q={name:"guide/faq.md"},i=C("",20),B=[i];function s(e,g,n,l,J,k){return I(),E("div",null,B)}const a=A(Q,[["render",s]]);export{R as __pageData,a as default};
|
||||
import{_ as A,c as E,o as I,O as C}from"./chunks/framework.935eb42c.js";const R=JSON.parse('{"title":"常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md"}'),Q={name:"guide/faq.md"},i=C("",20),B=[i];function s(e,g,n,l,J,k){return I(),E("div",null,B)}const a=A(Q,[["render",s]]);export{R as __pageData,a as default};
|
@ -1,4 +1,4 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const A=JSON.parse('{"title":"vue-office简介","description":"","frontmatter":{},"headers":[],"relativePath":"guide/index.md"}'),p={name:"guide/index.md"},o=l(`<h1 id="vue-office简介" tabindex="-1">vue-office简介 <a class="header-anchor" href="#vue-office简介" aria-label="Permalink to "vue-office简介""></a></h1><p>vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库,支持vue2和vue3。</p><p>目标是成为使用最简单,功能最强大的文件预览库</p><p><a href="https://501351981.github.io/vue-office/examples/dist/" target="_blank" rel="noreferrer">查看演示demo</a></p><h2 id="功能特色" tabindex="-1">功能特色 <a class="header-anchor" href="#功能特色" aria-label="Permalink to "功能特色""></a></h2><ul><li>一站式:提供docx、.xlsx、pdf多种文档的在线预览方案,有它就够了,不用再四处寻找、测试、集成各种库了</li><li>使用简单:只需提供文档的src(网络地址)即可完成文档预览,也支持ArrayBuffer、Blob等多种格式</li><li>支持样式:不仅能预览内容,也支持文档样式,最大限度还原office文件内容</li></ul><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to "安装""></a></h2><div class="language-shell"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;">#docx文档预览组件</span></span>
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"vue-office简介","description":"","frontmatter":{},"headers":[],"relativePath":"guide/index.md"}'),p={name:"guide/index.md"},o=l(`<h1 id="vue-office简介" tabindex="-1">vue-office简介 <a class="header-anchor" href="#vue-office简介" aria-label="Permalink to "vue-office简介""></a></h1><p>vue-office是一个支持多种文件(docx、.xlsx、pdf)预览的vue组件库,支持vue2和vue3。</p><p>目标是成为使用最简单,功能最强大的文件预览库</p><p><a href="https://501351981.github.io/vue-office/examples/dist/" target="_blank" rel="noreferrer">查看演示demo</a></p><h2 id="功能特色" tabindex="-1">功能特色 <a class="header-anchor" href="#功能特色" aria-label="Permalink to "功能特色""></a></h2><ul><li>一站式:提供docx、.xlsx、pdf多种文档的在线预览方案,有它就够了,不用再四处寻找、测试、集成各种库了</li><li>使用简单:只需提供文档的src(网络地址)即可完成文档预览,也支持ArrayBuffer、Blob等多种格式</li><li>支持样式:不仅能预览内容,也支持文档样式,最大限度还原office文件内容</li></ul><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to "安装""></a></h2><div class="language-shell"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;">#docx文档预览组件</span></span>
|
||||
<span class="line"><span style="color:#FFCB6B;">npm</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">install</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">@vue-office/docx</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">vue-demi</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#676E95;font-style:italic;">#excel文档预览组件</span></span>
|
@ -1 +1 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const A=JSON.parse('{"title":"vue-office简介","description":"","frontmatter":{},"headers":[],"relativePath":"guide/index.md"}'),p={name:"guide/index.md"},o=l("",24),e=[o];function t(c,r,F,D,y,i){return a(),n("div",null,e)}const f=s(p,[["render",t]]);export{A as __pageData,f as default};
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"vue-office简介","description":"","frontmatter":{},"headers":[],"relativePath":"guide/index.md"}'),p={name:"guide/index.md"},o=l("",24),e=[o];function t(c,r,F,D,y,i){return a(),n("div",null,e)}const f=s(p,[["render",t]]);export{A as __pageData,f as default};
|
@ -1,4 +1,4 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const A=JSON.parse('{"title":"docx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-docx.md"}'),p={name:"guide/preview-docx.md"},o=l(`<h1 id="docx文件预览" tabindex="-1">docx文件预览 <a class="header-anchor" href="#docx文件预览" aria-label="Permalink to "docx文件预览""></a></h1><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>目前只支持docx文件预览,不支持doc文件。</p></div><p>这部分内容和快速上手中docx预览内容一样,看过的可以跳过</p><h2 id="使用网络地址预览" tabindex="-1">使用网络地址预览 <a class="header-anchor" href="#使用网络地址预览" aria-label="Permalink to "使用网络地址预览""></a></h2><p>通过配置docx文件的远程地址实现预览,这种预览方式最简单。</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"docx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-docx.md"}'),p={name:"guide/preview-docx.md"},o=l(`<h1 id="docx文件预览" tabindex="-1">docx文件预览 <a class="header-anchor" href="#docx文件预览" aria-label="Permalink to "docx文件预览""></a></h1><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>目前只支持docx文件预览,不支持doc文件。</p></div><p>这部分内容和快速上手中docx预览内容一样,看过的可以跳过</p><h2 id="使用网络地址预览" tabindex="-1">使用网络地址预览 <a class="header-anchor" href="#使用网络地址预览" aria-label="Permalink to "使用网络地址预览""></a></h2><p>通过配置docx文件的远程地址实现预览,这种预览方式最简单。</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">vue-office-docx</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">:src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">docx</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">style</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">height: 100vh;</span><span style="color:#89DDFF;">"</span></span>
|
@ -1 +1 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const A=JSON.parse('{"title":"docx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-docx.md"}'),p={name:"guide/preview-docx.md"},o=l("",15),e=[o];function t(c,r,F,D,y,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"docx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-docx.md"}'),p={name:"guide/preview-docx.md"},o=l("",15),e=[o];function t(c,r,F,D,y,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};
|
@ -1,4 +1,4 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const C=JSON.parse('{"title":"pdf文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-pdf.md"}'),p={name:"guide/preview-pdf.md"},o=l(`<h1 id="pdf文件预览" tabindex="-1">pdf文件预览 <a class="header-anchor" href="#pdf文件预览" aria-label="Permalink to "pdf文件预览""></a></h1><h2 id="使用网络地址预览" tabindex="-1">使用网络地址预览 <a class="header-anchor" href="#使用网络地址预览" aria-label="Permalink to "使用网络地址预览""></a></h2><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const C=JSON.parse('{"title":"pdf文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-pdf.md"}'),p={name:"guide/preview-pdf.md"},o=l(`<h1 id="pdf文件预览" tabindex="-1">pdf文件预览 <a class="header-anchor" href="#pdf文件预览" aria-label="Permalink to "pdf文件预览""></a></h1><h2 id="使用网络地址预览" tabindex="-1">使用网络地址预览 <a class="header-anchor" href="#使用网络地址预览" aria-label="Permalink to "使用网络地址预览""></a></h2><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">vue-office-pdf</span><span style="color:#89DDFF;"> </span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">:src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">pdf</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">@rendered</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">renderedHandler</span><span style="color:#89DDFF;">"</span></span>
|
@ -1 +1 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const C=JSON.parse('{"title":"pdf文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-pdf.md"}'),p={name:"guide/preview-pdf.md"},o=l("",5),e=[o];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const A=s(p,[["render",t]]);export{C as __pageData,A as default};
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const C=JSON.parse('{"title":"pdf文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-pdf.md"}'),p={name:"guide/preview-pdf.md"},o=l("",5),e=[o];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const A=s(p,[["render",t]]);export{C as __pageData,A as default};
|
@ -1,4 +1,4 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const A=JSON.parse('{"title":"xlsx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-xlsx.md"}'),p={name:"guide/preview-xlsx.md"},o=l(`<h1 id="xlsx文件预览" tabindex="-1">xlsx文件预览 <a class="header-anchor" href="#xlsx文件预览" aria-label="Permalink to "xlsx文件预览""></a></h1><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>目前只支持xlsx文件预览,不支持xls文件。</p></div><h2 id="使用网络地址预览" tabindex="-1">使用网络地址预览 <a class="header-anchor" href="#使用网络地址预览" aria-label="Permalink to "使用网络地址预览""></a></h2><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"xlsx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-xlsx.md"}'),p={name:"guide/preview-xlsx.md"},o=l(`<h1 id="xlsx文件预览" tabindex="-1">xlsx文件预览 <a class="header-anchor" href="#xlsx文件预览" aria-label="Permalink to "xlsx文件预览""></a></h1><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>目前只支持xlsx文件预览,不支持xls文件。</p></div><h2 id="使用网络地址预览" tabindex="-1">使用网络地址预览 <a class="header-anchor" href="#使用网络地址预览" aria-label="Permalink to "使用网络地址预览""></a></h2><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;"><</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">></span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;"><</span><span style="color:#F07178;">vue-office-excel</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">:src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">excel</span><span style="color:#89DDFF;">"</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">style</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">height: 100vh;</span><span style="color:#89DDFF;">"</span></span>
|
@ -1 +1 @@
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.bb0ce79f.js";const A=JSON.parse('{"title":"xlsx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-xlsx.md"}'),p={name:"guide/preview-xlsx.md"},o=l("",6),e=[o];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};
|
||||
import{_ as s,c as n,o as a,O as l}from"./chunks/framework.935eb42c.js";const A=JSON.parse('{"title":"xlsx文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"guide/preview-xlsx.md"}'),p={name:"guide/preview-xlsx.md"},o=l("",6),e=[o];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};
|
@ -1 +1 @@
|
||||
import{_ as e,c as t,o as a}from"./chunks/framework.bb0ce79f.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"vue-office","text":"更易用的文件预览","tagline":"支持docx、xlsx、pdf文件预览","actions":[{"theme":"brand","text":"指南","link":"/guide/"},{"theme":"alt","text":"配置参考","link":"/config/"}]},"features":[{"title":"一站式","details":"提供docx、xlsx、pdf 3种文档的在线预览方案"},{"title":"使用简单","details":"只需提供文档的src即可完成文档预览,支持远程地址、ArrayBuffer、Blob多种格式"},{"title":"支持样式","details":"不仅能预览内容,也支持文档样式,最大限度还原office文件内容"}]},"headers":[],"relativePath":"index.md"}'),o={name:"index.md"};function i(n,r,s,c,d,l){return a(),t("div")}const p=e(o,[["render",i]]);export{x as __pageData,p as default};
|
||||
import{_ as e,c as t,o as a}from"./chunks/framework.935eb42c.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"vue-office","text":"更易用的文件预览","tagline":"支持docx、xlsx、pdf文件预览","actions":[{"theme":"brand","text":"指南","link":"/guide/"},{"theme":"alt","text":"配置参考","link":"/config/"}]},"features":[{"title":"一站式","details":"提供docx、xlsx、pdf 3种文档的在线预览方案"},{"title":"使用简单","details":"只需提供文档的src即可完成文档预览,支持远程地址、ArrayBuffer、Blob多种格式"},{"title":"支持样式","details":"不仅能预览内容,也支持文档样式,最大限度还原office文件内容"}]},"headers":[],"relativePath":"index.md"}'),o={name:"index.md"};function i(n,r,s,c,d,l){return a(),t("div")}const p=e(o,[["render",i]]);export{x as __pageData,p as default};
|
@ -1 +1 @@
|
||||
import{_ as e,c as t,o as a}from"./chunks/framework.bb0ce79f.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"vue-office","text":"更易用的文件预览","tagline":"支持docx、xlsx、pdf文件预览","actions":[{"theme":"brand","text":"指南","link":"/guide/"},{"theme":"alt","text":"配置参考","link":"/config/"}]},"features":[{"title":"一站式","details":"提供docx、xlsx、pdf 3种文档的在线预览方案"},{"title":"使用简单","details":"只需提供文档的src即可完成文档预览,支持远程地址、ArrayBuffer、Blob多种格式"},{"title":"支持样式","details":"不仅能预览内容,也支持文档样式,最大限度还原office文件内容"}]},"headers":[],"relativePath":"index.md"}'),o={name:"index.md"};function i(n,r,s,c,d,l){return a(),t("div")}const p=e(o,[["render",i]]);export{x as __pageData,p as default};
|
||||
import{_ as e,c as t,o as a}from"./chunks/framework.935eb42c.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"vue-office","text":"更易用的文件预览","tagline":"支持docx、xlsx、pdf文件预览","actions":[{"theme":"brand","text":"指南","link":"/guide/"},{"theme":"alt","text":"配置参考","link":"/config/"}]},"features":[{"title":"一站式","details":"提供docx、xlsx、pdf 3种文档的在线预览方案"},{"title":"使用简单","details":"只需提供文档的src即可完成文档预览,支持远程地址、ArrayBuffer、Blob多种格式"},{"title":"支持样式","details":"不仅能预览内容,也支持文档样式,最大限度还原office文件内容"}]},"headers":[],"relativePath":"index.md"}'),o={name:"index.md"};function i(n,r,s,c,d,l){return a(),t("div")}const p=e(o,[["render",i]]);export{x as __pageData,p as default};
|
File diff suppressed because one or more lines are too long
1
examples/docs/assets/style.e49da7da.css
Normal file
1
examples/docs/assets/style.e49da7da.css
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
{"guide_contact.md":"dc9b360f","index.md":"246f9976","config_index.md":"6fd1f5b7","guide_index.md":"4a3a7d63","config_event.md":"a8892a52","guide_preview-xlsx.md":"26008ab0","guide_preview-docx.md":"02029b84","guide_preview-pdf.md":"ea30cd97","guide_faq.md":"3435dfac"}
|
||||
{"guide_preview-pdf.md":"9bd426ea","config_event.md":"cbedfdd0","guide_preview-xlsx.md":"0de0ac4e","guide_contact.md":"184b8a2e","config_index.md":"13cbdfd3","guide_preview-docx.md":"747caaea","index.md":"2dfe7e9d","guide_faq.md":"32e428fb","guide_index.md":"59f780b1"}
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user