如何在 网站页面中插入ppt/pdf 文件,使用插件,Native pdf 支持,chrome,Edge,Firefox,
1
经过测试:在网页中插入 ppt 不好使;可能是浏览器=》同源策略 error?
pdf 可以正常使用; 《前提:一定要放在服务器端才行!》
2 经过email咨询github 工作人员,以及查看office online help文档,得出以下解决方案:
1.PPT github 可以使用,在URL后面添加参数(?raw=true)
注意: office online 仅支持PPT,word,excel; 不支持 pdf;
error:
https://github.com/xgqfrms/cdn/blob/gh-pages/pdf/test.pdf correct:
https://github.com/xgqfrms/cdn/blob/gh-pages/ppt/test.ppt?raw=true2. pdf 直接放在服务器端,使用相对路径;chrome 46/firefox 42可以直接打开,但是IE11 弹出下载框 ?
测试 pdf online 插件 ?
#JavaScript PDF generation for legends. HTML5 FTW.
https://parall.ax/products/jspdf
https://github.com/xgqfrms/jsPDF
#PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.
https://github.com/xgqfrms/pdf.js
注意: office online 仅支持PPT,word,excel; 不支持 pdf;

联机查看 Office 文档 link:
https://products.office.com/zh-CN/office-online/view-office-documents-online
https://acrobat.adobe.com/us/en/products/pdf-reader.html
https://get.adobe.com/cn/reader/
https://get.adobe.com/cn/reader/otherversions/

0
IE 11
1
ppt
Edge:




1 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https%3A%2F%2Fcp%2Dmlxprod%2Dstatic%2Emicrosoft%2Ecom%3A443%2F05502%2D1004%2Fen%2Dus%2Fcontent%2Fcontent%5Feba9zkjz%5F5704984382%2F04272015120626%2Epptx&wdAr=1.7777777777777776' width='350px' height='221px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> presentation, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>
1 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=https%3A%2F%2Fcp%2Dmlxprod%2Dstatic%2Emicrosoft%2Ecom%3A443%2F05502%2D1004%2Fen%2Dus%2Fcontent%2Fcontent%5Feba9zkjz%5F5704984382%2F04272015120626%2Epptx&wdAr=1.7777777777777776'
width='350px' height='221px' frameborder='0'>
This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a>
presentation, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>
.</iframe>
不同大小尺寸视图:
1 width='350px' height='221px' frameborder='0'>
2 width='610px' height='367px' frameborder='0'>
3 width='962px' height='565px' frameborder='0'>
4 width='1186px' height='691px' frameborder='0'>
2
FireFox:


3
Chrome:
4
test resource:
https://github.com/xgqfrms/cdn/blob/master/pdf/Microsoft%20Azure%20Essentials%20Azure%20Machine%20Learning.pdf
https://raw.githubusercontent.com/xgqfrms/cdn/master/plug-in/readerdc_en_ha_install.exe?raw=true
xxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
如何在 网站页面中插入ppt/pdf 文件,使用插件,Native pdf 支持,chrome,Edge,Firefox,的更多相关文章
- JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox
JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox <html> <head> </h ...
- JSP 页面中插入图片
第一步 在 JSP 页面中插入图片 EL 表达式 ${pageContext.request.contextPath } 的值为当前的项目名称 <html> ... <body> ...
- 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处 ...
- html页面中插入html的标签,JS控制标签属性
html页面中插入html的标签 方法1: 使用标签: <textara> </textara>标签 方法2: 使用JS: document.getElementById(&q ...
- 网页中动态嵌入PDF文件/在线预览PDF内容https://www.cnblogs.com/xgyy/p/6119459.html
#网页中动态嵌入PDF文件/在线预览PDF内容# 摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件: 问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如 ...
- 网站开发中很实用的 HTML5 & jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...
- 如何编辑PDF文件,怎么使用PDF裁剪页面工具
在编辑PDF文件的时候,往往会有很多的小技巧可以使用,在编辑PDF文件的时候,怎么对文件的页面进行裁剪呢,不会的话,看看下面的文章吧,小编已经为大家整理好了哦. 1.打开运行PDF编辑器,在编辑器中打 ...
- PDF文件编辑技巧之PDF书签怎么设置
纸质的文件想要添加书签就直接拿笔书写就可以,Word文件怎么添加书签相信大家也都知道,那么PDF文件的书签要怎么设置的呢,是不是有很多小伙伴不知道该怎么做呢,不要担心,今天小编就来跟大家分享一下在PD ...
- PDF文件怎么修改,PDF文件编辑方法
PDF文件是一种独特的文件,在日常办公中已经成为我们使用最广泛的电子文档格式.在使用PDF文件中会遇到PDF文件有错区的时候,再从新制作一个PDF文件会比较麻烦,只能通过工具来对PDF文件进行修改,这 ...
随机推荐
- 大数据系列4:Yarn以及MapReduce 2
系列文章: 大数据系列:一文初识Hdfs 大数据系列2:Hdfs的读写操作 大数据谢列3:Hdfs的HA实现 通过前文,我们对Hdfs的已经有了一定的了解,本文将继续之前的内容,介绍Yarn与Yarn ...
- python_3 装饰器之初次见面
装饰器 定义:本质是函数,(只不过是用来装饰其他函数而已),就是为其他函数添加附加功能 原则: 1. 不能修改被修饰函数的源代码 2.不能修改被修饰函数的调用方式 实现装饰器的知识储备 1.函数即&q ...
- What is :: (double colon) in Python when subscripting sequences?
What is :: (double colon) in Python when subscripting sequences? 15 Extended Slices https://docs.pyt ...
- https://tools.ietf.org/html/rfc8017
PKCS #1: RSA Cryptography Specifications Version 2.2
- (001)每日SQL学习:关于UNION的使用
union内部必须有相同的列或者相同的数据类型,同时,每条 SELECT 语句中的列的顺序必须相同.union合并了select的结果集. union 与union all的不同: union合并了重 ...
- (转载)微软数据挖掘算法:Microsoft Naive Bayes 算法(3)
介绍: Microsoft Naive Bayes 算法是一种基于贝叶斯定理的分类算法,可用于探索性和预测性建模. Naïve Bayes 名称中的 Naïve 一词派生自这样一个事实:该算法使用贝叶 ...
- [Python]编码声明:是coding:utf-8还是coding=utf-8呢
PEP 263 -- Defining Python Source Code Encodings | Python.org https://www.python.org/dev/peps/pep-02 ...
- python3编码转换
str->bytes:encode编码 bytes->str:decode解码 字符串通过编码成为字节码,字节码通过解码成为字符串. >>> text = '我是文本' ...
- Spring Filter过滤表单中的非法字符
使用Spring Filter过滤表单中的非法字符 1 package test.filter; 2 3 import java.io.IOException; 4 import java.util. ...
- Hive on MR调优
当HiveQL跑不出来时,基本上是数据倾斜了,比如出现count(distinct),groupby,join等情况,理解 MR 底层原理,同时结合实际的业务,数据的类型,分布,质量状况等来实际的考虑 ...