织梦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,武汉易企推建站公司提供一站式网站制作开发服务:武汉网站建设、网站开发、高端网站设计制作、手机网站开发,微信小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、网站优化服务、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
  • 还不知道定制、模板和仿站的区别?一篇文章告诉你网站制作的优缺

    还不知道定制、模板和仿站的区别?一篇文章告诉你网站制作的优缺

    互联网时代网页千奇百怪,如何搭建一个属于自己的网页平台,让笔者细细为您道来Skr! 了解网站的类别 根据网站的用途可分为:门户网站(综合网站)、行业网站、娱乐网站等; 根据网站的功能可分为:单一网站(企业网站)、多功能网站(网络商城)等; 根据网站的持有...

    2019-09-18 13:34
  • WordPress网站建设即使不懂技术,也可以建设一个功能强大的网站

    WordPress网站建设即使不懂技术,也可以建设一个功能强大的网站

    为什么基于WordPress建站,价值更高?前年的6月,Ticketfly被Eventbrite以2亿美金的价格收购。除了Ticketfly本身业务外,更有力的一点是基于WordPress建立的网站。 WordPress的海量主题和插件,以及数以万计的从业者,使得这个行业欣欣向荣。 大量的企业依靠...

    2019-09-16 20:38
  • 一键搭建WordPress/vps秒变个人网站,打造属于自己独一无二的博

    一键搭建WordPress/vps秒变个人网站,打造属于自己独一无二的博

    关于服务器的购买,尽量保证内存在512m以上,而且他的架构需要kvm才可以搭建,因为网站相对于npv来说占用的内存要大些。 首先我们来到宝塔官网,在上面点击Linux免费版,复制centos安装代码yum install-y wgetwget-O install.sh http://download.bt,cn/inst...

    2019-09-15 18:26
  • 如何找一款适合自己的主题或者说模板网站来建一个企业站呢?

    如何找一款适合自己的主题或者说模板网站来建一个企业站呢?

    如果你已经购买Bluehost,在Bluehost后台一键安装了WordPress,那么接下来要做的第一件事应该是找一款适合自己的主题或者说模板。建一个企业站,当然不能用普通的博客主题,比如Neil说现在用的这一款。企业站需要更多定制化的功能:比如联系表单,地图,客户...

    2019-09-15 16:06
  • 武汉企业做网站的一般建站流程,建站又是怎么一回事?

    武汉企业做网站的一般建站流程,建站又是怎么一回事?

    客户根据自身网站目标提出建设需求,尽可能详细地表述需求。根据与您进行的需求沟通,为您提供详细的建站方案,包括但不限于建设目标、页面设计方案、功能模块方案、域名/服务器空间方案、建设周期、建设费用及支付阶段、方式等,并于需求沟通后3日内提供给您...

    2019-09-02 20:08
  • 武汉WP建站经验分享!从域名购买到网站上线的详细步骤!

    武汉WP建站经验分享!从域名购买到网站上线的详细步骤!

    在建自己网站之前,首先必须要先准备好域名和空间。域名,就是网站地址,像www,域名,com,可以从新网或者万网购买,一般域名费用也就几十块一年;空间,我认为作用有点类似于云盘的功能,目的就是为了存储网站内容,新网和万网也可以购买,我为了贪便宜,从...

    2019-08-31 23:09
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

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号