vue在线预览word,pdf, xls,ppt 文档

2023-10-31

首先先踩坑(也不算坑,只是跟我的需求不匹配)

一 ,官方渠道

使用微软提供的Office Online平台只需要一个网址即可在线查看Xls,doc,PPT等文档

http://view.officeapps.live.com/op/view.aspx?src=要查看的文档地址

http://view.officeapps.live.com/op/view.aspx 微软官方自带的这个 我想禁用打开后的下载功能 找了很久也没有找到
有会禁用的小伙伴可以教教我

二,第三方渠道

还有下面这个XDOC 的预览

我试了试不管是功能和整合UI 页面转化渲染 都很强大 还可以自动识别分类导航栏 可惜要钱 公司也没打算出这笔钱…否则这个XDOC肯定是个最终选择

这个要注意一点 你开始传的示例文件 不付费的话有效期都很短而且有大小限制,50m吧好像,还好过了个年,发现文件到期了

贴官网 : https://view.xdocin.com/

三,第三方插件

试了很多插件,有的模糊的很多,也有一些其他问题的,因为最初的需求是需要一个带导航栏的展示工具。不限于pdf ppt md 之类的格式,
可惜ppt展示 下载功能取消不掉,取消了懂行的也能从链接中找到
pdf没有导航栏功能,md文档页面内容排版和样式引入得不到甲方认可

四,结论

最终还是选用 iframe + 自定义导航栏来完成需求
自己开发一个导航栏(分类),然后用 iframe 框起来右边区域,点击左边的导航栏,切换 iframe内渲染的页面部分。
以上,结束…

注意:有个小tips pdf的话浏览器内标题会默认 要改的话不能简单的改名称 名称跟浏览器内是不一致的
可以参考这个文章:修改pdf文件在浏览器里的标题

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue在线预览word,pdf, xls,ppt 文档 的相关文章

  • 在 Node.js 中生成带条形码的 pdf

    我在用https github com devongovett pdfkit https github com devongovett pdfkit生成 PDF 文件 我可以简单地使用类似的方法 app get get pdf req re
  • 如何使用itext7缩放固定矩形内的文本?

    我正在尝试使用 c 中的 itext7 制作一个 pdf 文档 该文档应该具有包含不同文本的固定矩形 这些文本应该在 不可见 矩形的边界内缩放 我试图寻找是否有自动缩放功能 但到目前为止只发现表单域的自动缩放功能 由于 pdf 将用于绘制文
  • 如何使用 pdftk 和 /MediaBox 裁剪 PDF 边距

    I used pdftk解压缩 PDF 然后将其作为文本文件打开 我想编辑 媒体盒领域 就我而言 MediaBox 0 0 612 792 例如 我想减少边距 MediaBox 100 0 512 792 不幸的是它不起作用 我可以改变0
  • java中的csv到pdf文件

    我正在尝试获得一个csv文件解析为pdf 到目前为止我所拥有的内容附在下面 我的问题是这段代码最终出现在 pdf 中的文件在 csv 文件的第一行被截断 我不明白为什么 附示例 本质上我想要一个没有任何操作的 csv 文件的 pdf 版本
  • 在 Android 中使用 iText 读取或打开 PDF 文件

    我是 Android 应用程序开发新手 使用 iText 我完成了 PDF 创建并在创建的文件上写入 现在我想阅读该 PDF 文件 如何使用 iText 打开或阅读 PDF 文件 例子将是可观的 那么提前 哪个是渲染 PDF 文件的最佳库
  • 打印包含 JBIG2 图像的 PDF

    请推荐一些库 帮助我打印包含 JBIG2 编码图像的 PDF 文件 PDFRenderer PDFBox别帮我 这些库可以打印简单的 PDF 但不能打印包含 JBIG2 图像的 PDF PDFRenderer尝试修复它 根据 PDFRedn
  • 如何使用Nodejs将json数据导出为指定格式的pdf文件?

    我是nodejs的初学者 我正在编写一个程序 将文本数据从 json 文件转换为 pdf 文件 这是我的输入文件 input json Info Company ABC Team JsonNode Number of members 4 T
  • PDF:在现有 PDF 文件中插入一行文本

    我有一个 PDF 文件 我希望在所有页面 前两页除外 的页脚上添加一行纯文本 不是徽标或类似内容 有谁有一个如何做到这一点的例子 用任何语言 Update 原始 PDF 是用 Scribus 制作的 我可以完全控制它 因此 如果更容易进行查
  • 从 Windows 命令行打印 PDF

    我正在尝试打印当前目录中的所有 pdf 文件 当我在 cmd 中调用这个 bash 脚本时 singlepdf sh C Program Files x86 Adobe Reader 10 0 Reader AcroRd32 exe t G
  • 在 Android 中使用 PhoneGap 打开 PDF

    我需要打开一个位于 url 中的 PDF 文件 我需要用 PDF 查看器打开它 有可能的 谢谢大家 此致 我建议使用儿童浏览器插件 https build phonegap com blog childbrowser plugin并使用 G
  • 如何使用 iTextSharp 拼合 XFA PDF 表单?

    我假设我需要展平 XFA 表单 以便在使用 Nuance 的 CSDK 的应用程序的 UI 上正确显示 当我现在处理它时 我收到一条通用消息 请等待 如果该消息最终没有被替换 正在寻找一些示例 iTextSharp 代码来执行此操作 您没有
  • 禁用右键单击嵌入元素内的 pdf

    我有一个embed我在其中提供路径的元素pdf文件 我想阻止它被下载 但是当我右键单击该 t 时 我会看到保存和打印 pdf 的选项 我想阻止这些选项 I tried 但它禁用除 PDF 之外的整个页面上的右键单击 一种不受 CORS 或
  • 使用 javascript 在 IFrame 中打印 PDF 文件仅获取一页

    这是我打印 pdf 文件的代码 在这里 在打印时我只得到一页 我需要一个解决方案 function printPdf var ifr document getElementById frame1 PDF is completely load
  • 如何在 iOS 上反转使用 CoreGraphics 渲染的 pdf 上的文本颜色?

    我正在使用开源 PDF 查看库 VFR PDF Readerhttps github com vfr Reader https github com vfr Reader 我正在尝试实现 夜间模式 或黑色背景与白色文本 我可以将背景设置为我
  • 如何在服务器(无 GUI)上呈现网页以进行打印?

    我正在尝试使用 PHP 脚本将页面实用地打印到办公室打印机 这是我到目前为止所得到的 我在服务器上安装了一台打印机 我可以通过命令行的打印命令使用 PHP 向其发送作业 我还可以使用 PHP 脚本编写纯文本文件 然后将它们添加到打印提示中
  • 如何在 iText PDF 中使用字体

    我有一个java应用程序 我必须在itextPdf中使用FontFactory使用 Bodoni MT Black 字体 我应该如何修改我的代码 这是我的代码 Font base FontFactory getFont FontFactor
  • WPF 网络浏览器在 Adob​​e 阅读器窗口中打开 PDF 文件

    我正在创建一个 32 位 WPF 应用程序 它需要在 WebBrowser 控件中显示创建的 PDF 在做的同时 WebBrowser Navigate new Url D TestPDF MyDocument pdf 它在 Adob e
  • 创建一个带有可填充字段的pdf python

    因此 我的任务是创建一个 pdf 允许最终用户在 pdf 中输入信息并打印或保存它 或者 我尝试创建的 pdf 是从具有可填充字段的 pdf 模板呈现的 我遇到的问题是 每次我使用任何 python 库 pypdf2 pdfrw repor
  • TCPDF UTF-8 符号未显示

    我使用最新的 TCPDF 版本 5 9 但在编码方面遇到一些奇怪的问题 我需要立陶宛语语言符号 例如 但只能得到其中的一小部分 其他的还是这样 所以我该怎么做 我使用默认的 times 字体 它带有 TCPDF 下载 任何帮助 将不胜感激
  • 创建 PDF/A-3:嵌入文件应包含有效的 Params 密钥

    我正在尝试使用 itextpdf 5 4 5 和 itext pdfa 5 4 5 创建 PDF A 3 当我设置 PdfFileSpecification 时 出现以下异常 com itextpdf text pdf PdfAConfor

随机推荐

  • 经纬恒润再次入选教育部产学研合作协同育人企业

    近日 教育部高等教育司组织的产学合作协同育人项目组公布了2023年度产学合作协同育人项目指南通过企业名单 经纬恒润再次入选 此次共获批37个项目 其中有25个师资培训项目 12个实践条件建设和实践基地建设项目 产学合作协同育人项目由教育部高
  • es--基础--02--安装与启动

    es 基础 02 安装与启动 1 简单安装与启动 1 1 下载安装包 cd usr local java elasticsearch wget https artifacts elastic co downloads elasticsear
  • 《剑指offer第二版》面试题14:剪绳子

    感谢大佬 参考的是他的笔记才懂了这题 他写的真的很好 感谢感谢 题目 给你一根长度为 n 的绳子 请把绳子剪成整数长度的 m 段 m n都是整数 n gt 1并且m gt 1 每段绳子的长度记为 k 0 k 1 k m 1 请问 k 0 k
  • 卡内基梅隆大学(CMU)的Eric Xing(邢波)教授为什么能读完一般学校的分子生物学PhD后到伯克利去CS PhD?

    Eric Xing当年为什么能在读了一个50名左右的学校Rutgers的分子生物学phd之后 去加州大学伯克利分校UCB读计算机科学博士 感觉像这种转行的一般都是第一个phd已经是名校名导才能转得好 我也看过Eric在Rutgers发的论文
  • gcc在Linux下如何运行一个C/C++程序

    安装gcc sudo apt get install gcc 之后输入密码即可 绝对路径的方式进入usr目录 cd home home 是普通用户的主目录 在创建用户时 每个用户要有一个默认登录和保存自己数据的位置 就是用户的主目录 所有普
  • 数据的平滑处理函数——log1p和exmp1

    参考 https blog csdn net qq 36523839 article details 82422865 https docs scipy org doc numpy 1 13 0 reference generated nu
  • 索引的原理分析:用B+树来做索引

    文章目录 前言 为什么索引要存放到硬盘上 如何评价索引的数据结构设计好坏 二叉树的局限性 什么是 B 树 什么是 B 树 前言 索引其实就是一种数据结构 那么 索引的数据结构究竟是怎样的 对索引底层的数据结构有了更深入的了解后 就会更了解索
  • SpringBoot+Vue 的家政服务管理平台(附源码,数据库)

    文章目录 1 背景 2 主要技术 3 可行性分析 4 系统设计 5系统的详细设计与实现 5 1前台模块设计 5 2后台功能模块 源码下载地址 1 背景 本系统主要是设计出家政服务管理平台 基于B S构架 后台数据库采用了Mysql 可以使数
  • 做爬虫会有前途吗?

    阅读文本大概需要 5 分钟 这几年随着人工智能领域的大火 Python 这门语言逐渐出现在主流视野中 Python 语法易懂 编写简洁 并且还拥有非常丰富的库 很多人工智能项目首选的语言就是用 Python 可以说是人工智能把 Python
  • 2021年氯化工艺实操考试视频及氯化工艺考试试题

    题库来源 安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通 氯化工艺实操考试视频是安全生产模拟考试一点通生成的 氯化工艺证模拟考试题库是根据氯化工艺最新版教材汇编出氯化工艺仿真模拟考试 2021年氯化工艺实操考试视频及氯化工艺考试
  • Solidity 从入门到实战(一)

    solidity 从入门到实战 一 注意 本专栏主要来自于https www bilibili com video BV1St411a7Pk p 11 spm id from pageDriver的学习笔记 编写第一个案例 声明版本号 pr
  • 计算机下方如何添加启动项,开机设置启动项,如何添加开机启动项

    开机启动项指的是当计算机在开机的时候会随着系统同时启动的程序组件或者软件 开机启动项虽然是不可避免的 但是开机启动项越多就会导致开机的时候需要启动的程序过多 这样会延长计算机的开机时间 甚至还会延缓计算机的运行速度 为此 设置好计算机的开机
  • stata怎么判断是否存在异常值_基于Stata软件异常值识别与处理的全流程(原创)...

    来源 参考Stata帮助文件 由Taotao Tu原创 1 程序包的安装 首先 我们一起安装一下winsor2命令 方法一 ssc install winsor2 这是安装程序最简单的方法 从下图可以看到 我们已经安装好程序了 如果上面的方
  • 输入经纬度查询位置

    一 百度Web地图 1 进入百度地图 https map baidu com 2 点击下方的 地图开放平台 3 进入平台下拉 找到 工具支持 gt 坐标拾取器 4 勾选 坐标反查 输入经纬度 以英文逗号隔开 备注 百度地图手机端App 暂不
  • SQL注入篇--基础注入

    SQL注入篇 基础注入 1 SQL注入原理 sql注入的原理就是在服务器后端对数据库进行操作请求之前 人为地对sql语句做一些恶意注入 从而达到人为预期效果 造成数据泄露甚至数据破坏 注入漏洞在OWASP2021年的总结中位列TOP10的第
  • java学习笔记------接口

    接口 就是一种规则 是对行为的抽象 接口的定义和使用 接口用关键字interface来定义 public interface 接口名 接口不能实例化 接口和类之间是实现关系 通过implements关键字表示 public class 类名
  • 成为一名Java架构师的必修课

    一 热门框架源码学习 设计模式篇 Spring5源码解读篇 Mybatis篇 SpringBoot2篇 二 微服务架构 架构设计篇 BAT互联网架构这些年的演进分析 国内外常见分布式系统架构状况介绍 微服务架构指南 领域驱动设计DDD模型
  • ESG评级能否促进企业绿色转型(2009-2021年)

    参照胡洁 2023 的做法 对来自数量经济技术经济研究 ESG评级能否促进企业绿色转型 基于多时点双重差分法的验证 一文中的基准回归部分进行复刻 本文从非正式环境规制视角出发 基于商道融绿首次公布上市公司 ESG 评级的外生冲击 以2009
  • URL编码与解码

    通常如果一样东西需要编码 说明这样东西并不适合传输 原因多种多样 如Size过大 包含隐私数据 对于Url来说 之所以要进行编码 是因为Url中有些字符会引起歧义 例如Url参数字符串中使用key value键值对这样的形式来传参 键值对之
  • vue在线预览word,pdf, xls,ppt 文档

    首先先踩坑 也不算坑 只是跟我的需求不匹配 一 官方渠道 使用微软提供的Office Online平台只需要一个网址即可在线查看Xls doc PPT等文档 http view officeapps live com op view asp