织梦中在线显示pdf文件的方法
来源:互联网 发布:jsp链接数据库 编辑:程序博客网 时间:2024/06/05 19:53
如何在织梦中添加pdf文件并显示呢?下面这个教程将带领大家来操作。(注:手机版无法查看)
第一步:在系统-系统基本参数-附件设置中添加pdf格式 并且将大小调大
第二步:在核心-内容模型-普通文章中添加字段
这里有个提示,一定要选择 附件类型。
到这里我们的后台添加就做完了,你在发布文章的时候会看到多了一个选项,就是填写pdf路径的选项。
接下来我们在前台开始调用出来。
第三步:修改一个显示模板文件
模板在/templets/system/channel_addon.htm
把里面的代码全都删掉,只写~link~即可
修改这个系统模板,将里面的代码删掉只留~link~既可。
第四步:前台调用,显示pdf文件
- 添加js引用
修改你们自己的模板,随便拿一个详情页,修改一下既可。
这里我用的插件是 pdfobject.js
百度网盘下载地址:http://pan.baidu.com/s/1kUPhYdT
需要把插件用ftp传到你的某个目录下。
<script src="{dede:global.cfg_basehost/}/style/js/pdfobject.js" ></script>
- 写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中进行展示
写一段展示代码既可
这里有个需要注意的点,id=”pdf1” 这个id等于的一定要跟js里面的embed(“pdf1”)对应起来。
<div id="pdf1" style="width:100%; height:800px;"></div>
到这里就全部完事了。
使用这种方法做好的pdf展示,在没有安装pdf阅读插件的电脑上依然可以打开查看,非常的方便。
阅读全文
0 0
- 织梦中在线显示pdf文件的方法
- pdf文件在线转换成word的方法
- FlexPaper在线显示PDF转SWF文件
- FlexPaper在线显示PDF转SWF文件
- JSP直接打开PDF 在IE中显示pdf文档的方法,在线阅读
- JSP直接打开PDF 在IE中显示pdf文档的方法,在线阅读
- pdf文件的在线浏览
- PDF在线显示插件
- object、param标签及页面显示PDF文件的方法
- object、param标签及页面显示PDF文件的方法
- DEDECMS织梦中一些经常需要修改的文件位置
- 织梦中自定义表单带*必填项的设置方法
- ppt转pdf在线转换的方法
- 在线转换PPT为PDF的方法
- pdf在线转图片格式的方法
- PDF.js插件的使用--在线浏览PDF文件
- pdf文件在线解密
- 在线浏览PDF文件
- Android 使用Scheme实现从网页启动APP
- Android中内存泄漏和内存溢出
- 人工智能将如何变革教育?【智库2861】
- PAT乙级 1042. 字符统计(20)
- (转)在Windows上安装GPU版Tensorflow
- 织梦中在线显示pdf文件的方法
- PAT乙级 1043. 输出PATest(20)
- [BZOJ]1106: [POI2007]立方体大作战tet
- Android app启动白屏优化
- 数据标准化的方法与意义
- 人工智能让复杂世界变简单【智库2861】
- 根据id或者关键词跳转appstore下载应用
- JavaWeb工程中web.xml基本配置
- PAT乙级 1044. 火星数字(20)