将html代码显示为文本HTML⾥显⽰pdf、word、xls、ppt的⽅法⽰例
1、PDF⽂件在线预览
1.HTML5新标签<embed>定义和⽤法
<embed> 标签定义嵌⼊的内容，这个标签是⾃闭合的的，也就是说如果浏览器不⽀持PDF的嵌⼊，那么这个标签的内容什么都看不到。
实例
<embed src="/file/操作⼿册.pdf" type="application/pdf" width="100%" height="100%" />
2.<iframe>
<iframe>⽅法是嵌⼊PDF的最简单⽅法之⼀。但是，如果<iframe>浏览器不⽀持PDF呈现，则可能⽆法提供⾜够的后备内容。
实例
<iframe src="您的PDF地址" width="100%" height="100%">
  该浏览器⽆法⽀持PDF，请点击查看：
  <a href="PDF地址">下载 PDF</a>
</iframe>
3.<object>
与<embed>不同，<object>如果浏览器不⽀持PDF嵌⼊，则该元素可提⽰内容。所有浏览器都⽀持<object>元素，但是，每个浏览器中的实现⽅式通常存在差异。如果您使⽤该<object>元素，请务必在浏览器和操作系统中彻底测试您的页⾯。
实例
<object data="/file/操作⼿册.pdf" type="application/pdf" width="100%" height="100%">
该浏览器不⽀持PDF.请点击查看:
<a href="/file/操作⼿册.pdf">Download PDF</a>.</p>
</object>
2、word、xls、ppt在线预览
word、ppt、xls⽂件实现在线预览的⽅式⽐较简单可以直接通过调⽤微软的在线预览功能实现 (预览前提：资源必须是公共可访问的)
<iframe src='view.officeapps.live/op/view.aspx?src=storage.xuetangx/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'> </iframe>
src就是要实现预览的⽂件地址
补充：google的⽂档在线预览实现同微软（资源必须是公共可访问的），但是需要
<iframe src="le/viewer?url=fileurl"></iframe>
3、XDOC在线预览
XDOC可以实现预览以DataURI表⽰的DOC⽂档，此外XDOC还可以实现⽂本、带参数⽂本、html⽂本、json⽂本、公⽂等在线预览，具体实现⽅法请看官⽅⽂档
下⾯这种⽅式可以实现快速预览word但是对⽂件使⽤的编辑器可能会有⼀些限制
<a href="www.xdocin/xdoc?_func=to&_format=html&_cache=1&_xdoc=www.xdocin/demo/demo.docx" target="_blank" rel="nofollow">XDOC</a>
到此这篇关于HTML⾥显⽰pdf、word、xls、ppt的⽅法⽰例的⽂章就介绍到这了，更多相关HTML显⽰pdf、word、xls、ppt内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。