首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >没有加载CSS的Snappy Laravel PDF导出

没有加载CSS的Snappy Laravel PDF导出
EN

Stack Overflow用户
提问于 2019-02-26 11:54:03
回答 2查看 2.5K关注 0票数 2

我试图导出一个PDF格式的网页与。我有所有的CSS页面,它工作很好,看上去很棒,但是当我试图导出它时,我的页面是以pdf格式下载的,但没有任何CSS。下面是代码和我已经尝试过的内容:

控制器:

代码语言:javascript
运行
复制
$pdf = PDF::loadView('admin.userReport');
$pdf->setOption('enable-javascript', true);
$pdf->download('myFileName.pdf');

头部:

代码语言:javascript
运行
复制
<link href="{{ asset('/css/app.css') }}" rel="stylesheet"/>

PS:我尝试将绝对路径放置到CSS文件,但它也不起作用。

EN

回答 2

Stack Overflow用户

发布于 2019-03-28 17:03:40

将刀片中的这个更改为<link href="{{ asset('/css/app.css') }}" rel="stylesheet"/>

转到<link href="{{ public_path('css/pdf.css') }}" rel="stylesheet" type="text/css" />

这解决了我这边的问题。

票数 1
EN

Stack Overflow用户

发布于 2021-09-21 20:38:49

我在Lumen (几乎和Laravel)使用Docker时遇到了同样的问题。我不得不尝试几件事才能让它最终对我起作用。

在我的例子中,在文件config/snappy.php中,我放置了以下代码:

代码语言:javascript
运行
复制
'pdf' => [
    'enabled' => true,
    'binary'  => env('WKHTML_PDF_BINARY', '/usr/local/bin/wkhtmltopdf'),
    'timeout' => false,
    'options' => [
        'enable-local-file-access' => true,
        'keep-relative-links' => true,
    ],
    'env'     => [],
],

设置enable-local-files-access变量是正确读取和加载CSS/JS/IMG文件的关键。(wkhtmltopdf docs)

然后,为了定义HTML文件中文件的路径(CSS/JS/IMG),我使用了file:///var/www/html/public/<file-path>方法(在我的例子中,文件位于公用文件夹中),例如:

代码语言:javascript
运行
复制
<link rel="stylesheet" href="file:///var/www/html/public/html/css/icons/app.css" type="text/css"/>

<script src="file:///var/www/html/public/html/js/js_file.js"></script>

<img src="file:///var/www/html/public/html/css/img/icon.png"/>

对我来说没什么问题。你可以为你量身定做这条路。

希望它能帮助你(尽管这么多年了),并帮助另一个可怜的程序员,谁必须处理快速。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54884971

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档