Laravelのdompdfで作成したPDFをhtml/cssの状態でデバッグしたい

Laravelのdompdfで、PDFファイルを出力する処理を作っています。
デザインが思ったように当たらないので、GoogleChromeの解析ツールでstyleのコントロールをしているcssを調査したいです。
dompdfの中でどのようになっているかわかりませんが、一度htmlファイルとしてレンダリングしたものをPDFに変換する処理が行われているのだと思います。なので、このhtmlの状態のファイルを出力させて、デバッグしたいのですが、このようなことができるものでしょうか？

Controllerの出力部分

php
1	public function pdf( Request $request ) {
2
3		$quotation = Quotation::findOrFail( $request->id );
4
5		$pdf = \PDF::loadView('pdf.quotation', compact('quotation'))->setPaper('a4');
6		return $pdf->stream();
7	}

帳票のquotation.blade.php

html
1<html>
2<head>
3    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4    <title>帳票</title>
5    <style>
6        @font-face {
7            font-family: ipam;
8            font-style: normal;
9            font-weight: normal;
10            src: url('{{ storage_path('fonts/ipam.ttf')}}');
11        }
12
13        @page {
14            margin: 10mm;
15        }
16
17        body {
18            font-family: ipam;
19            font-size: 10pt;
20            color: #000000;
21            background-color: #FFFFFF;
22            counter-reset: page-number;
23        }
24
25        img {
26            border: 0;
27        }
28
29        table {
30            border-collapse: collapse;
31            width: 100%;
32        }
33
34        .center {
35            text-align: center;
36        }
37
38        .right {
39            text-align: right;
40        }
41
42
43        header {
44            margin-bottom: 5mm;
45        }
46
47        footer {
48            font-family: ipam;
49            text-align: left;
50            padding-top: 3mm;
51        }
52
53        a:link,
54        a:visited {
55            text-decoration: underline;
56            color: #000000;
57        }
58
59        .title {
60            margin: auto;
61            font-size: 24pt;
62            letter-spacing: 56pt;
63            text-align: center;
64            width: 100%;
65        }
66
67    </style>
68</head>
69<body>
70<div class="title">{{ $quotation->title }}</div>
71</body>
72</html>

行動規範の内容に同意します

回答1件

自己解決

このサイトを参考にblade.phpを修正したら、意図したhtmlを出力することができました。
https://kyokasuigetsu25.wordpress.com/2011/07/14/how-to-use-dompdf-with-css/

php
1// bladeの先頭に
2@php
3    ob_start();
4@endphp
5<!doctype html>
6…略
7</html>
8// bladeの最後部に
9@php
10    $out = ob_get_contents();
11    ob_end_flush();
12    file_put_contents('styled.html', $out);
13@endphp

これでpublic直下に生成されたstyled.htmlが出力されるので、GoogleChromeでデバッグできたのはいいのですが。ブラウザで見ると意図した表示になっており、問題はhtml→PDFに生成されるときにstyleが適用されなくなってしまうことが判明。
使えるcssはこちらのよると、css2.1のほとんどのようです。
https://github.com/dompdf/dompdf

適用されなかったのは、divに指定したmin-widthでしたが、css2.1の資料をよく読んでみることにします。タイトルのことは実現できたので、とりあえずこちらはクローズとします。

投稿2020/07/29 01:24

AIUeno

総合スコア15