使用iframe嵌套pdfjs时删除顶部工具栏去掉两侧边框 亲测有效

文章类型:技术笔记    发表2023-09-14   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:347

前端开发项目的时候,客户要求pdf在线预览不能还工具栏,那样太难看了。而且默认<iframe class="iframe" src="{:C('wkcms_site_url')}Public/js/pdfjs/web/viewer.html?file={:C('wkcms_site_url')}data/upload/doc_con/{$info.fileurl}" frameborder="0" width="100%" height="100%"></iframe>嵌套的pdf两侧还有灰色的边框,在确难看,解决办法:
/**隐藏PDF顶部滚动条**/
 .toolbar {
      display: none;
    }

    #viewerContainer {
      top: 0!important;
    }
在viewer.css加入上面的样式即可解决,有人说#scrollbars=0&toolbar=0&statusbar=0拼接嵌套pdf,但我一直没有成功,只能从样式入手。希望有遇到的兄弟不用踩坑了。

/**去掉pdfjs两侧灰色空白**/
this.removePageBorders = options.removePageBorders || true;
 
在iewer.js里面把上面的代码fasle设置为true