Question

我在创建pdf文件时遇到问题。我在视图中将css3文件包含在head部分中，但是它不起作用包含的文件是twitter bootstrap css和应用程序主题的主要css。

...
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" media="all" rel="stylesheet" href="packages/bootstrap/css/bootstrap.min.css">
    <link type="text/css" media="all" rel="stylesheet" href="css/dashboard/style.min.css">
</head>
...

有个主意吗？

Answer 1

您可以尝试使用完整路径吗？（例如，使用asset（）帮助程序）

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" media="all" rel="stylesheet" href="{{ asset('packages/bootstrap/css/bootstrap.min.css') }}">
    <link type="text/css" media="all" rel="stylesheet" href="{{ asset('css/dashboard/style.min.css') }}">
</head>

我假设您正在使用https://github.com/barryvdh/laravel-dompdf？另一种方法是使用wkhtmltopdf，这可以使用相同的界面等：https://github.com/barryvdh/laravel-snappy（但需要安装wkhtmltopdf）

Answer 2

我通过使用外部CSS的完整路径解决了这个问题。这个在我的linux ubuntu服务器上运行：

<link rel="stylesheet" href="/var/www/mysite/public/css/main.css" media="all" />

使用此解决方案也可以解决未加载的图像问题。

Answer 3

我通过在href属性中键入 public_path 并遵循https://github.com/barryvdh/laravel-dompdf/issues/121#issuecomment-358245406的说明来解决此问题：

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

注意：我正在使用本地虚拟服务器。我希望这对您有用。

Laravel - barryvdh pdf - 如何将外部css文件包含到html视图中

3 个答案: