Appearance
DedeCMS文章頁(yè)插入PDF文件,并實(shí)時(shí)瀏覽 ?
最近有用戶(hù)想給自家企業(yè)官網(wǎng)上的“產(chǎn)品信息”欄目下的某些產(chǎn)品,插入一個(gè)PDF文件,用來(lái)展示該產(chǎn)品的各項參數。 使用 DedeCMS ,來(lái)實(shí)現這個(gè)需求,依舊是輕松加愉快! 一起來(lái)看一下:
首先,我們找到產(chǎn)品欄目,確認一下產(chǎn)品欄目是使用的哪個(gè)內容模型。一般情況,要么是“普通文章”,要么就是“圖片集”。
這里,我使用“普通文章”來(lái)做演示,“圖片集”或其它內容模型也是同樣適用的。
接下來(lái),我們到內容模型管理里,去給產(chǎn)品欄目所使用的的模型,也就是普通文章,增加一個(gè)字段。
數據類(lèi)型這里選擇“附件類(lèi)型”,提示文字和字段名可以隨意,但是不要太隨意。
點(diǎn)擊確定,保存字段后,是這樣的。
接下來(lái),我們就可以去產(chǎn)品欄目下,添加新的產(chǎn)品,或者是修改之前的產(chǎn)品信息了。
如上圖所示,多了一個(gè)**“PDF文件”**的框框,我們可以在這里上傳一個(gè)PDF文件,用作該產(chǎn)品的說(shuō)明書(shū)、產(chǎn)品手冊等。
需要說(shuō)明的是,DedeCMS 默認是不允許上傳 pdf 文件的,我們需要到附件設置里設置一下。
先上傳一個(gè) pdf 文件,用作測試。接下來(lái),我們演示如何調用、展示這個(gè) pdf 文件。
我們首先需要找到產(chǎn)品欄目所使用的的文章模板是哪個(gè)。
然后,我們直接去修改這個(gè)模板文件。在合適的位置,增加以下代碼:
html
{dede:field.pdffile/}
注意字段名一定不要寫(xiě)錯了!
看效果。
點(diǎn)擊藍色超鏈接,已經(jīng)可以在瀏覽器新窗口瀏覽 pdf 文件了。但是我們想要的效果,是可以直接瀏覽。
重點(diǎn)來(lái)了,我們需要修改 /templets/system/channel_addon.htm
文件。刪掉所有的代碼,只保留一個(gè) ~link~
即可。
然后,我們再去修改一下,上邊修改過(guò)的那個(gè)模板文件。在合適的位置,嵌入一下代碼:
html
<iframe src="{dede:field.pdffile/}" width="100%" height="600px" frameborder="0"></iframe>
再看下效果。
完美實(shí)現!
DedeCMS,輕松建站的利器!