織夢中在線顯示pdf文件的方法


如何在織夢中添加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閱讀插件的電腦上依然可以打開查看,非常的方便。

 

 

文章來源:https://blog.csdn.net/s893334248/article/details/74067032


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM