在symfony2中使用viewer.js插件

Question

我需要幫助來安裝http://viewerjs.org插件來查看Symfony2中的pfd文件。 該插件包含css / js文件和具有自己的文件夾結構的圖像。

這就是我所做的：

1. 將所有js文件復制到AcmeBundle / Resources / public / js

2. 將所有css文件復制到AcmeBundle / Resources / public / css

3. 將圖像文件夾（最初插入到插件中的css文件夾中）復制到AcmeBundle / Resources / public / images

4. 將css文件的url（images / xxxx）函數更改為url（../ images / xxxx）

5. 安裝資產：php app / console assets：安裝web

6. 將以下代碼包含在我要使用viewer.js的視圖中。

    <link rel= "stylesheet" type="text/css" href="{{ asset('bundles/acme/css/viewer.css') }}" /> <script src= "{{ asset('bundles/acme/js/PluginLoader.js') }}" type="text/javascript"></script> <script src= "{{ asset('bundles/acme/js/viewer.js') }}" type="text/javascript"></script> <iframe id="viewer" src="{{ asset('bundles/acme/js/viewer.js') }}/#../uploads/1.pdf" width='400' height='300' allowfullscreen webkitallowfullscreen></iframe> 

“1.pdf”文件位於/ web / uploads /文件夾中。

當我加載視圖時，我到了iframe元素的位置：

未找到

在此服務器上找不到請求的URL /bundles/acme/js/viewer.js/。

Answer 1

這不是Viewer.JS的工作原理。

您無法顯示bundles/acme/js/viewer.js/作為iframe的源，因為Viewer.js中的index.html是應顯示為源的文件。

1. 下載Viewer.js並將其解壓縮到AcmeBundle/Resources/public/所以你應該有來自zip的所有文件的AcmeBundle/Resources/public/Viewer.js/ dir

2. 運行php app/console assets:install web

3. 放入你的樹枝視圖：

    <iframe id="viewer" src="{{ asset('bundles/acme/Viewer.js/index.html') }}#{{ asset('uploads/1.pdf') }}" width='400' height='300' allowfullscreen webkitallowfullscreen></iframe> 

您不需要放置腳本和樣式，因為它們是在查看器的Viewer.js/index.html中加載的