织梦dedecms网站程序如何在文章中添加PDF文件在线浏览？

2019-7-23 知你 网站教程

织梦dedecms网站程序如何在文章中添加PDF文件在线浏览？下面将详细介绍如何操作！

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

点击查看原图

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

点击查看原图


点击查看原图

这里有个提示，一定要选择 附件类型。
到这里我们的后台添加就做完了，你在发布文章的时候会看到多了一个选项，就是填写pdf路径的选项。
接下来我们在前台开始调用出来。
第三步：修改一个显示模板文件
模板在/templets/system/channel_addon.htm 
把里面的代码全都删掉，只写~link~即可 

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

添加js引用 
修改你们自己的模板，随便拿一个详情页，修改一下既可。 

这里我用的插件是 pdfobject.js

下载地址：https://pan.baidu.com/s/1HU5H3P9rswzBhwT6qx1qiQ 提取码: q2t8 

引用JS代码

“<script src="{dede:global.cfg_basehost/}/style/js/pdfobject.js" ></script>”

然后运行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>

然后pdf调用位置处添加展示代码

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

添加在需要调出的位置就可以了，需要注意的是id="pdf1"这个id等于的一定要跟js里面的embed(“pdf1”)对应起来，如有修改，一定要修改一下！

那么现在就添加完成了，赶紧添加一批pdf文档看看效果吧！

2019.9.17更新，如果需要添加下载地址，可以直接调用PDF的文件地址，可以使用这样的代码：<a href="{dede:field.pdfurl/}">下载地址</a>，怎么好看根据自己喜好吧。

本文为转载内容，仅为收藏，需删除请联系！

标签: dedecms 织梦 pdf在线浏览

« 武汉众多千年古树是如何测出年龄的呢？ | 织梦dedecms网站程序友链关键词过长显示不全咋办？»

发表评论：

Powered by emlog 鄂ICP备19014772号-1 知你博客