一站式
提供docx、xlsx、pdf 3种文档的在线预览方案
diff --git a/examples/docs/404.html b/examples/docs/404.html index 5da2a66..2046e3a 100644 --- a/examples/docs/404.html +++ b/examples/docs/404.html @@ -12,7 +12,7 @@
404
But if you don't change your direction, and if you keep looking, you may end up where you are heading.
文档地址,文件在CDN或服务器上的地址,或者是通过FileReader读取的文件ArrayBuffer或者Blob格式。
如果属性src是个文件地址,组件内部会通过window.fetch进行请求,对应window.fetch的请求参数,可以用来设置header等请求信息。
预览需要的一些特殊配置,不同预览组件可配置项各不相同。
excel相关的配置,目前支持配置项很少。
minColLength: excel最少渲染多少列,如果想实现xlsx文件内容有几列,就渲染几列,可以将此值设置为0.
widthOffset:在默认渲染的列表宽度上再加10px宽
heightOffset://在默认渲染的列表高度上再加10px高
{
+import{_ as s,c as a,o as n,O as l}from"./chunks/framework.935eb42c.js";const C=JSON.parse('{"title":"属性","description":"","frontmatter":{},"headers":[],"relativePath":"config/index.md"}'),o={name:"config/index.md"},p=l(`属性
src
- 类型:String, ArrayBuffer, Blob
文档地址,文件在CDN或服务器上的地址,或者是通过FileReader读取的文件ArrayBuffer或者Blob格式。
request-options
- 类型:Object
如果属性src是个文件地址,组件内部会通过window.fetch进行请求,对应window.fetch的请求参数,可以用来设置header等请求信息。
options
- 类型: Object
预览需要的一些特殊配置,不同预览组件可配置项各不相同。
- excel预览
excel相关的配置,目前支持配置项很少。
minColLength: excel最少渲染多少列,如果想实现xlsx文件内容有几列,就渲染几列,可以将此值设置为0.
widthOffset:在默认渲染的列表宽度上再加10px宽
heightOffset:在默认渲染的列表高度上再加10px高
javascript{
"minColLength": 20,
"widthOffset": 0, //在默认渲染的列表宽度上再加10px宽
"heightOffset": 0, //在默认渲染的列表高度上再加10px高
diff --git a/examples/docs/assets/config_index.md.a8895489.lean.js b/examples/docs/assets/config_index.md.4b837d8d.lean.js
similarity index 100%
rename from examples/docs/assets/config_index.md.a8895489.lean.js
rename to examples/docs/assets/config_index.md.4b837d8d.lean.js
diff --git a/examples/docs/assets/guide_faq.md.c0a76c24.js b/examples/docs/assets/guide_faq.md.fc7d1e4f.js
similarity index 98%
rename from examples/docs/assets/guide_faq.md.c0a76c24.js
rename to examples/docs/assets/guide_faq.md.fc7d1e4f.js
index 7e9c80c..7a6689d 100644
--- a/examples/docs/assets/guide_faq.md.c0a76c24.js
+++ b/examples/docs/assets/guide_faq.md.fc7d1e4f.js
@@ -18,9 +18,9 @@ import{_ as A,c as E,o as I,O as C}from"./chunks/framework.935eb42c.js";const k=
}));
-app.listen(3000);
各种语言都类似,可以自行百度查询
文件预览不出来
- 检查文件是否返回成功,是否存在跨域
- 目前不支持doc、xls格式文件的预览
- 可以看看@error事件,抛出了什么错误信息
ue.defineComponent is not a function
出现这个问题一般是通过CDN的方式加载了vue.js文件,且CDN中的vue版本和开发环境安装的vue版本不一致。
- 问题确认
检查CDN中vue.js的版本 和 node_modules下的vue版本是否一致,注意:是node_modules下的真实安装的vue版本,而不是package.json中的vue版本。
- 出现原因
package.json中vue版本不是指定的固定版本,而是在版本前面带"^"或"~"符号,这里的含义是使用符合条件的新版本,而不是看到的这个版本。
json{
+app.listen(3000);
各种语言都类似,可以自行百度查询
文件预览不出来
- 检查文件是否返回成功,是否存在跨域
- 目前不支持doc、xls格式文件的预览
- 可以看看@error事件,抛出了什么错误信息
**.defineComponent is not a function
出现这个问题一般是通过CDN的方式加载了vue.js文件,且CDN中的vue版本和开发环境安装的vue版本不一致。
- 问题确认
检查CDN中vue.js的版本 和 node_modules下的vue版本是否一致。
首先在项目的html中查看引入的vue.js文件路径,然后根据路径找的这个vue.js文件,查看其版本;
然后查看node_modules中安装的vue版本,注意:是在node_modules目录下找到vue安装文件,然后查看其版本,而不是package.json中的vue版本。
看看两个地方的vue版本是不是不一致,不一致往下看。
- 出现原因
package.json中vue版本不是指定的固定版本,而是在版本前面带"^"或"~"符号,这里的含义是使用符合条件的新版本,而不是看到的这个版本。
json{
"vue": "^2.6.10"
-}
- 解决方法
修改package.json中 vue 和 vue-template-compiler的版本,将前的"^"或"~"符号去掉,具体版本号和CDN中的vue版本保持一致。
json{
+}
- 解决方法
修改package.json中 vue 和 vue-template-compiler的版本,将版本前面的"^"或"~"符号去掉,具体版本号和CDN中的vue版本保持一致。
json{
"vue": "2.6.10",
"vue-template-compiler": "2.6.10"
-}
删除 package-lock.json 文件 和 node_modules中的全部包。
重新安装所有依赖,然后运行查看效果。
`,32),Q=[i];function B(e,n,l,g,a,t){return I(),E("div",null,Q)}const r=A(s,[["render",B]]);export{k as __pageData,r as default};
+}
删除 package-lock.json 文件 和 node_modules中的全部包。
重新安装所有依赖,然后运行查看效果。
`,35),Q=[i];function B(e,n,l,g,a,t){return I(),E("div",null,Q)}const r=A(s,[["render",B]]);export{k as __pageData,r as default}; diff --git a/examples/docs/assets/guide_faq.md.c0a76c24.lean.js b/examples/docs/assets/guide_faq.md.fc7d1e4f.lean.js similarity index 81% rename from examples/docs/assets/guide_faq.md.c0a76c24.lean.js rename to examples/docs/assets/guide_faq.md.fc7d1e4f.lean.js index 323909d..8dc2514 100644 --- a/examples/docs/assets/guide_faq.md.c0a76c24.lean.js +++ b/examples/docs/assets/guide_faq.md.fc7d1e4f.lean.js @@ -1 +1 @@ -import{_ as A,c as E,o as I,O as C}from"./chunks/framework.935eb42c.js";const k=JSON.parse('{"title":"常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md"}'),s={name:"guide/faq.md"},i=C("",32),Q=[i];function B(e,n,l,g,a,t){return I(),E("div",null,Q)}const r=A(s,[["render",B]]);export{k as __pageData,r as default}; +import{_ as A,c as E,o as I,O as C}from"./chunks/framework.935eb42c.js";const k=JSON.parse('{"title":"常见问题","description":"","frontmatter":{},"headers":[],"relativePath":"guide/faq.md"}'),s={name:"guide/faq.md"},i=C("",35),Q=[i];function B(e,n,l,g,a,t){return I(),E("div",null,Q)}const r=A(s,[["render",B]]);export{k as __pageData,r as default}; diff --git a/examples/docs/config/event.html b/examples/docs/config/event.html index 916bbff..8dfaa3d 100644 --- a/examples/docs/config/event.html +++ b/examples/docs/config/event.html @@ -15,7 +15,7 @@ - diff --git a/examples/docs/config/index.html b/examples/docs/config/index.html index 99ed729..93c4bf7 100644 --- a/examples/docs/config/index.html +++ b/examples/docs/config/index.html @@ -10,11 +10,11 @@ - + - - diff --git a/examples/docs/guide/index.html b/examples/docs/guide/index.html index 783774e..f10d1b8 100644 --- a/examples/docs/guide/index.html +++ b/examples/docs/guide/index.html @@ -128,7 +128,7 @@ } } </script> - -