织梦cms(dedecms)中在线显示pdf文件的方法及技巧!

作者:武汉网站定制 来源:武汉网络公司 2019-06-29 15:15

  最近需要用到PDF在线显示功能,根据客户需要,实现了此功能,现将方法记录、分享一下。

  总体步骤:

  第一步:在系统-系统基本参数-附件设置中添加pdf格式并且将大小调大

  第二步:在核心-内容模型-普通文章中添加字段

  第三步:修改一个显示模板文件

  第四步:前台调用显示pdf文件

  下面这个教程将带领大家来操作。(注:手机版无法查看)

  第一步:在系统-系统基本参数-附件设置中添加pdf格式并且将大小调大

模板网站制作教程:织梦cms(dedecms)中在线显示pdf文件的方法
织梦cms(dedecms)中在线显示pdf文件的方法及技巧!

  第二步:在核心-内容模型-普通文章中添加字段

模板网站制作教程:织梦cms(dedecms)中在线显示pdf文件的方法
织梦cms(dedecms)中在线显示pdf文件的方法及技巧!

  这里有个提示,一定要选择附件类型。

  到这里我们的后台添加就做完了,你在发布文章的时候会看到多了一个选项,就是填写pdf路径的选项。

  接下来我们在前台开始调用出来。

  第三步:修改一个显示模板文件

  模板在/templets/system/channel_addon.htm

  把里面的代码全都删掉,只写~link~即可

  第四步:前台调用,显示pdf文件

  添加js引用

  <script src="这个js的路径/pdfobject.js" ></script>

  修改你们自己的模板,随便拿一个详情页,修改一下既可。

  这里我用的插件是pdfobject.js

  百度网盘下载地址:http://pan.baidu.com/s/1kUPhYdT

  写js代码引用

  这个是页面加载时运行的js。

    <script type="text/javascript">

        window.onload = function (){

            var success = new PDFObject({ url: "{dede:global.cfg_basehost/}/{dede:field.pdfurl/}" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");

        };
    </script>

  body中进行展示

  写一段展示代码既可

  <div id="pdf1" style="width:100%; height:800px;"></div>

  这里有个需要注意的点,id=”pdf1”这个id等于的一定要跟js里面的embed(“pdf1”)对应起来。

  到这里就全部完事了。生成,前台预览,搞定!


本文地址:模板网站制作频道 https://www.dayku.cn/mbwz/3047.html,武汉华凯梦建站公司提供一站式网站制作开发服务:武汉网站建设、网站制作、网站开发、高端网站设计制作、移动网站开发,小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、武汉SEO服务、网站建设、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉华凯梦建站公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:https://www.dayku.cn

服务热线:18120550335 / 027-88866235 欢迎来电咨询; 联系QQ:1193073039

Copyrigh@2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号