Javascript 在symfony2中使用viewer.js插件

Javascript 在symfony2中使用viewer.js插件,javascript,css,symfony,twig,Javascript,Css,Symfony,Twig,我需要帮助安装插件,以查看在Symfony2的pfd文件。该插件包含css/js文件和具有自己文件夹结构的图像 这就是我所做的: 将所有js文件复制到AcmeBundle/Resources/public/js 将所有css文件复制到AcmeBundle/Resources/public/css 将images文件夹(最初是插件中的css文件夹)复制到AcmeBundle/Resources/public/images 将css文件的url(images/xxxx)函数更改为url(../ima

我需要帮助安装插件,以查看在Symfony2的pfd文件。该插件包含css/js文件和具有自己文件夹结构的图像

这就是我所做的:

  • 将所有js文件复制到AcmeBundle/Resources/public/js

  • 将所有css文件复制到AcmeBundle/Resources/public/css

  • 将images文件夹(最初是插件中的css文件夹)复制到AcmeBundle/Resources/public/images

  • 将css文件的url(images/xxxx)函数更改为url(../images/xxxx)

  • 安装资产:php应用程序/控制台资产:安装web

  • 在我想使用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/folder中

    加载视图时,我将替换iframe元素:

    找不到

    在此服务器上找不到请求的URL/bundles/acme/js/viewer.js/ 服务器


    这不是Viewer.JS的工作方式

    您不能将
    bundles/acme/js/viewer.js/
    显示为iframe的源代码,因为viewer.js中的index.html是应该显示为源代码的文件

  • 下载并解压缩到
    AcmeBundle/Resources/public/
    ,这样您就应该拥有
    AcmeBundle/Resources/public/Viewer.js/
    目录以及zip中的所有文件

  • 运行
    php应用程序/控制台资产:安装web

  • 在您的小树枝视图中:

    <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
    即Viewer

    环境中加载的,您如何使其在
    prod
    环境中工作?我完全按照您上面所说的做了,将文件同步到服务器,安装资产并清除缓存。使用资产视图帮助程序仍然会在页面上出现404错误。@thinkwinwin您可能必须运行
    app/console资产:install--env=“prod”
    您可以在