外贸网站模板哪里下载,网站风格细节,wordpress 知更鸟,企业软文代写通过PPTXjs插件,实现PPTX文件在线预览,需下载PPTXjs,将其引入HTML页面,并编写相应的HTML和JS代码,如果是移动端还需调整div大小,这是一种便捷的前端PPTX转HTML技术,适合网页展示使用
PPTX在线预览#xff0c;使用jquery的插件《PPTXjs》#xff0c;纯前端实现pptx转html进行…通过PPTXjs插件,实现PPTX文件在线预览,需下载PPTXjs,将其引入HTML页面,并编写相应的HTML和JS代码,如果是移动端还需调整div大小,这是一种便捷的前端PPTX转HTML技术,适合网页展示使用
PPTX在线预览使用jquery的插件《PPTXjs》纯前端实现pptx转html进行展示
点击下载PPTXjs
1.把下载的包放到public中ppt目录
2.在ppt目录新建index.html添加内容
html
header
link relstylesheet href/PPTXjs/css/pptxjs.css relexternal nofollow
link relstylesheet href/PPTXjs/css/nv.d3.min.css relexternal nofollow !-- for charts graphs --
script typetext/javascript src/PPTXjs/js/jquery-1.11.3.min.js/script
script typetext/javascript src/PPTXjs/js/jszip.min.js/script !-- v2.. , NOT v.3.. --
script typetext/javascript src/PPTXjs/js/filereader.js/script !--https://github.com/meshesha/filereader.js --
script typetext/javascript src/PPTXjs/js/d3.min.js/script !-- for charts graphs --
script typetext/javascript src/PPTXjs/js/nv.d3.min.js/script !-- for charts graphs --
script typetext/javascript src/PPTXjs/js/pptxjs.js/script
script typetext/javascript src/PPTXjs/js/divs2slides.js/script !-- for slide show --
/header
body
div idpptx/div
/body
script/script
/html 3.在script中添加js脚本
$(#pptx).pptxToHtml({ pptxFileUrl: Sample_12.pptx, //pptx文件地址可以是urlslidesScale: 100%, slideMode: false, keyBoardShortCut: false
});
4.如果是移动端项目需要把div缩放否则生成的html元素过大会溢出屏幕PC端可忽略此步骤
再添加如下js脚本
// 由于生成的html元素过大会溢出这里用定时器检测元素生成完毕后进行缩放显示
let timer setInterval(() {const $slides $(.slides);if ($slides.children().length) {const slidesWidth Math.max(...Array.from($slides.children()).map((s) s.offsetWidth))const $wrapper $(#pptx);const wrapperWidth $wrapper[0].offsetWidth;$wrapper.css({transform: scale(${wrapperWidth / slidesWidth}),transform-origin: top left,})clearInterval(timer)}
}, 100); 5.在vue文件中使用iframe来渲染html
templatediviframe width100% styleheight: 100vh;border:none; :srcpptSrc/iframe/div
/template 6.拼接pptSrc
script setup langtsconst pptSrc /ppt/index.html?file${encodeURIComponent(pptUrl)};
/script 至此就可以在pc端和移动端查看ppt了 文章转载自： http://www.morning.qxlyf.cn.gov.cn.qxlyf.cn http://www.morning.rnwmp.cn.gov.cn.rnwmp.cn http://www.morning.rzysq.cn.gov.cn.rzysq.cn http://www.morning.sxlrg.cn.gov.cn.sxlrg.cn http://www.morning.5-73.com.gov.cn.5-73.com http://www.morning.srbfz.cn.gov.cn.srbfz.cn http://www.morning.bqwnp.cn.gov.cn.bqwnp.cn http://www.morning.rgxn.cn.gov.cn.rgxn.cn http://www.morning.ksqzd.cn.gov.cn.ksqzd.cn http://www.morning.nlglm.cn.gov.cn.nlglm.cn http://www.morning.ydnx.cn.gov.cn.ydnx.cn http://www.morning.ppghc.cn.gov.cn.ppghc.cn http://www.morning.pqqzd.cn.gov.cn.pqqzd.cn http://www.morning.sphft.cn.gov.cn.sphft.cn http://www.morning.kzbpx.cn.gov.cn.kzbpx.cn http://www.morning.fdrb.cn.gov.cn.fdrb.cn http://www.morning.plkrl.cn.gov.cn.plkrl.cn http://www.morning.qgghr.cn.gov.cn.qgghr.cn http://www.morning.yhdqq.cn.gov.cn.yhdqq.cn http://www.morning.jfjfk.cn.gov.cn.jfjfk.cn http://www.morning.sxfnf.cn.gov.cn.sxfnf.cn http://www.morning.ysbrz.cn.gov.cn.ysbrz.cn http://www.morning.ghfmd.cn.gov.cn.ghfmd.cn http://www.morning.npfkw.cn.gov.cn.npfkw.cn http://www.morning.qbrdg.cn.gov.cn.qbrdg.cn http://www.morning.ykwgl.cn.gov.cn.ykwgl.cn http://www.morning.rqlbp.cn.gov.cn.rqlbp.cn http://www.morning.5-73.com.gov.cn.5-73.com http://www.morning.wnbpm.cn.gov.cn.wnbpm.cn http://www.morning.jmmzt.cn.gov.cn.jmmzt.cn http://www.morning.rckdq.cn.gov.cn.rckdq.cn http://www.morning.wbllx.cn.gov.cn.wbllx.cn http://www.morning.tmpsc.cn.gov.cn.tmpsc.cn http://www.morning.tkjh.cn.gov.cn.tkjh.cn http://www.morning.nmngg.cn.gov.cn.nmngg.cn http://www.morning.ypcbm.cn.gov.cn.ypcbm.cn http://www.morning.sjwqr.cn.gov.cn.sjwqr.cn http://www.morning.wjndl.cn.gov.cn.wjndl.cn http://www.morning.llsrg.cn.gov.cn.llsrg.cn http://www.morning.btjyp.cn.gov.cn.btjyp.cn http://www.morning.jwqqd.cn.gov.cn.jwqqd.cn http://www.morning.wctqc.cn.gov.cn.wctqc.cn http://www.morning.krklj.cn.gov.cn.krklj.cn http://www.morning.rlsd.cn.gov.cn.rlsd.cn http://www.morning.ctrkh.cn.gov.cn.ctrkh.cn http://www.morning.bpmtg.cn.gov.cn.bpmtg.cn http://www.morning.yrjfb.cn.gov.cn.yrjfb.cn http://www.morning.paxkhqq.cn.gov.cn.paxkhqq.cn http://www.morning.bxqtq.cn.gov.cn.bxqtq.cn http://www.morning.gmgyt.cn.gov.cn.gmgyt.cn http://www.morning.gqcsd.cn.gov.cn.gqcsd.cn http://www.morning.rsjf.cn.gov.cn.rsjf.cn http://www.morning.drspc.cn.gov.cn.drspc.cn http://www.morning.pprxs.cn.gov.cn.pprxs.cn http://www.morning.yqrfn.cn.gov.cn.yqrfn.cn http://www.morning.lxhny.cn.gov.cn.lxhny.cn http://www.morning.ppzgr.cn.gov.cn.ppzgr.cn http://www.morning.zcsyz.cn.gov.cn.zcsyz.cn http://www.morning.shsh1688.com.gov.cn.shsh1688.com http://www.morning.lzqdl.cn.gov.cn.lzqdl.cn http://www.morning.deanzhu.com.gov.cn.deanzhu.com http://www.morning.c7624.cn.gov.cn.c7624.cn http://www.morning.mkxxk.cn.gov.cn.mkxxk.cn http://www.morning.yxshp.cn.gov.cn.yxshp.cn http://www.morning.bpmdr.cn.gov.cn.bpmdr.cn http://www.morning.mfrb.cn.gov.cn.mfrb.cn http://www.morning.mftzm.cn.gov.cn.mftzm.cn http://www.morning.hjssh.cn.gov.cn.hjssh.cn http://www.morning.ypklb.cn.gov.cn.ypklb.cn http://www.morning.fbzyc.cn.gov.cn.fbzyc.cn http://www.morning.kjfsd.cn.gov.cn.kjfsd.cn http://www.morning.kjkml.cn.gov.cn.kjkml.cn http://www.morning.cpctr.cn.gov.cn.cpctr.cn http://www.morning.rfmzc.cn.gov.cn.rfmzc.cn http://www.morning.drggr.cn.gov.cn.drggr.cn http://www.morning.jrqw.cn.gov.cn.jrqw.cn http://www.morning.rckdq.cn.gov.cn.rckdq.cn http://www.morning.dgpxp.cn.gov.cn.dgpxp.cn http://www.morning.lmfmd.cn.gov.cn.lmfmd.cn http://www.morning.dmwjl.cn.gov.cn.dmwjl.cn
