0 レビュー
10 回答
php-dompdfはドキュメントの最後に空白のページを挿入します
dompdf 0.6.0を使用してPDFドキュメントを生成していますが、最後に空白のページが作成されるという奇妙な問題があります。私の（簡略化された）html：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>PDF</title>
<style type="text/css">
@page{ margin: 0;}
.page{
width: 612px;
height: 792px;
overflow: hidden;
font-family: Arial, Helvetica;
position: relative;
color: #545554;
page-break-after: always;
}
</style>
</head>
<body>
<div class="page" style="background-image: url(page1.jpg);">
...
</div>
<div class="page" style="background-image: url(page2.jpg);"></div>
<div class="page" style="background-image: url(page3.jpg); color: white;">
...
</div>
</body>
</html>
最初の3ページは見栄えがしますが、最後に空白のページがあります。 dompdfはネストやコンプライアンスなどに注意が必要ですが、htmlは非常にクリーンで、チェックアウトされています。
わからない
0
レビュー
答え :
解決策：
最後の</body>タグと</html>タグが余分なページを引き起こしていました。それらを削除しましたが、結果は期待どおりです。
dompdfの問題を想像しましたが、問題を解決するためにかなりの時間を費やし、これが他の人の助けになるかもしれないと考えました。
更新：
Joeがコメントで言及しているように、 </body>タグと</html>タグを終了すると同じ行に移動します</div> は機能し、有効なhtmlのままです。
わからない
0
レビュー
答え :
解決策：
私にとっての修正は、タグ間の空白を削除することでした。
$html = preg_replace('/>\s+</', "><", $html);
わからない
0
レビュー
答え :
解決策：
これは、 pageクラス用にpage-break-after: always;を記述したcssが原因で発生します。
上記のスタイルは、最後のpageの後にpageブレークを実行し、dompdfは最後に空白のpageを作成します。
別の解決策は、最後のpageに対して、 page-break-after: always;
<！DOCTYPE html>
<頭>
PDF </ title>
<style type = "text / css">
@ page {マージン：0;}
。page{
幅：612px;
高さ：792px;
オーバーフロー：非表示;
フォントファミリー：Arial、Helvetica;
位置：相対;
色：＃545554;
{-コード-1}
}
.last-page{
幅：612px;
高さ：792px;
オーバーフロー：非表示;
フォントファミリー：Arial、Helvetica;
位置：相対;
色：＃545554;
}
</ style>
</ head>
<本体>
<div class = "page" style = "background-image：url（page 1.jpg）;">
..。
</ div>
<div class = "page" style = "background-image：url（page 2.jpg）;"> </ div>
<div class = "last-page" style = "background-image：url（page 3.jpg）; color：white;">
..。
</ div>
</ body>
</ html>
</code> <button class='button-copy' onclick="CopyToClipboard('code-11')" id='copy-code-11'>Copy code</button></pre>
<p>ハッピーコーディング！</p> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4> <p>私の場合、コンテンツがpaperSet（）よりも大きいために発生しました。コンテンツが少なくとも1pxを通過すると、dompdfは自動的に別のシートを作成します。したがって、常に設定したpaperSet（）の比率に従ってサイズを設定する必要があります。</p>
<p>例：
用紙A4は210mmx297mmです。簡単にするために、「px」の代わりに「mm」を使用することをお勧めします。次に、divを作成し、それらすべてを合計してそれらの高さを追加し、それが297mm以内にあることを確認できます。</p>
<p>このサイトで確認できる用紙のサイズを確認するには：</p>
<p> <a> https://papersizes.io/ </a> </p> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4> <p>配列を使用してHTMLコードを保存および出力してもエラーが発生する場合は、最後のページを除くすべてのページのページ分割を含む最後のページを削除できます。 count（）関数。 </p>
<pre><code id='code-12'> $html='';
$i = 0; //counter
$len = count($output_array);// lenght of the array
foreach($output_array as $output)
{ //store the html in a variable to use it in dompdf
$html.= $output;
if ($i < $len - 1)
{ //if the counter is less than the lenght of the array, add a page break.
$i++;
$html.=' <div class="page_break"></div>';
}
}
</code> <button class='button-copy' onclick="CopyToClipboard('code-12')" id='copy-code-12'>Copy code</button></pre> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4> <p>配列変数がある場合は、この条件を<code id='code-13'> youtpdfhtml.blade.php </code>で設定します：</p>
<pre><code id='code-14'> @if($key<($total-1))
<div class="page-break"></div>
@endif
</code> <button class='button-copy' onclick="CopyToClipboard('code-14')" id='copy-code-14'>Copy code</button></pre> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4> <p>FilipMolcikが解決策を提案したように。これが私がこれを実装した方法です。</p>
<pre><code id='code-15'> $view = view('layouts.qr-pdf');
$html = $view->render();
$html = preg_replace('/>\s+</', "><", $html);
$pdf = PDF::loadHTML($html);
return $pdf->download('asd.pdf');
</code> <button class='button-copy' onclick="CopyToClipboard('code-15')" id='copy-code-15'>Copy code</button></pre> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4><p>追加する<code id='code-16'> margin-bottom: -20px;</code>から<code id='code-17'>main</code>または<code id='code-18'>div</code>タグで問題が解決しました。</p >> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4> <p>同じ問題に直面し、ページの高さを-</p>から変更することで解決しました。
<p>最小の高さ：297 mmから最小の高さ：290 mm </p> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">0</div> レビュー
<div itemprop="text">
<center><h3>答え :</h3></center> <h4>解決策：</h4> <p>削除するだけで、
body</>とhtml</>は、余分な行スペースを使用してページの終わりにタグを付けます。そして、PDFから余分な空白ページを削除できることを願っています。</p> </div>
<a itemprop="url" href="https://yaoply.com/items/dompdf-inserts-blank-page-at-end-of-document#suggestedAnswer">
答えへのリンク</a>
<div>
<time itemprop="dateCreated" datetime="2022-05-15">2022-05-15</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">わからない</span>
</div>
</div>
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0305809981987647"
crossorigin="anonymous"></script>
<!-- 336-280 -->
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-0305809981987647"
data-ad-slot="8447562278"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<hr>
<h3>同様の質問</h3>
<p>私たちのウェブサイトで同様の質問で答えを見つけてください。</p>
<style>
.post-item{
width: 100%;
float: left;
padding: 9px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #f2f2f2;
}
.post-value{
color: #fff;
background-color: #5EBA7D;
padding: 3px 6px;
white-space: nowrap;
width: 38px;
text-align: center;
box-sizing: border-box;
height: auto;
float: none;
border-radius: 2px;
font-size: 90%;
transform: translateY(-1px);
}
</style>
<div class="post-item">
<a href="on-server-login-page-or-registration-page-occur-problem-in-codeigniter">php-サーバーのログインページまたは登録ページでcodeigniterで問題が発生する</a>
</div>
<div class="post-item">
<a href="why-is-my-program-sending-the-information-to-a-page-that-doesnt-exist">php-私のプログラムが存在しないページに情報を送信するのはなぜですか？</a>
</div>
<div class="post-item">
<a href="redirect-old-joomla-php-page-roots-to-new-index-html-page">古いJoomlaphpページのルートを新しいindex.htmlページにリダイレクトします</a>
</div>
<div class="post-item">
<a href="how-to-send-identity-documents-to-directly-to-stripe-platform-account">php-身分証明書をStripePlatformアカウントに直接送信する方法は？</a>
</div>
<div class="post-item">
<a href="how-to-customize-style-woocommerce-account-page">php-woocommerceアカウントページをカスタマイズ/スタイル設定する方法</a>
</div>
<div class="post-item">
<a href="why-does-not-this-code-allow-upload-of-audio-files">php-なぜこのコードはオーディオファイルのアップロードを許可しないのですか？</a>
</div>
<div class="post-item">
<a href="write-data-from-array-to-sheet-using-phpspreadsheet-library">php-phpspreadsheetライブラリを使用して配列からシートにデータを書き込みます</a>
</div>
<div class="post-item">
<a href="a-element-inside-of-article-tag-gets-duplicated-10-times-all-of-them-getting-the">javascript-記事タグ内の要素が10回複製され、すべてが同じクラス、IDなどを取得します</a>
</div>
<div class="post-item">
<a href="menu-on-wordpress-changes-by-page">php-Wordpressのメニュー、ページごとに変更</a>
</div>
<div class="post-item">
<a href="how-to-convert-long-to-pair-of-signed-integers">php-longを符号付き整数のペアに変換する方法</a>
</div>
<div class="cl"></div>
</div><!--//desc-->
</div><!--//question-->
</div><!--//item-->
<div id="answer" style="display: none;">
<br>
<br>
<form method="post" action="/add-answer.php">
<input name="qid" type="hidden" value="311712">
<b>答えを書く</b><br>
<textarea name="answer" style="width: 100%;"></textarea><br>
<!-- <img src="/captcha.php"><br>
<input name="captcha" type="text" placeholder="ここにキャプチャコードを書く">
-->
<input type="submit" value="答えを書く">
</form>
<br>
<div align="center"><br>
</div>
<br>
<div class="cl"></div>
</div>
<div style="width: 100%; border-top: 1px solid #C6C6C6;">
<span style="float: left; width: 49%;">
<center><a id="add-answer" href="#answer">答えを書くために</a></center>
</span>
<span style="float: right; width: 49%;">
<center><a href="/add">質問する</a></center>
</span>
<div class="cl"></div>
</div>
<div class="cl"></div>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="credits aside section">
<div class="section-inner">
<h3>また読む：</h3>
<article class="realted">
<a href="/items/how-to-insert-two-table-related-in-laravel-5-1"><h4>php-laravel5.1で関連する2つのテーブルを挿入する方法</h4></a>
</article>
<article class="realted">
<a href="/items/save-draft-emails-from-laravel-controller"><h4>php-Laravelコントローラーからドラフトメールを保存する</h4></a>
</article>
<article class="realted">
<a href="/items/can-i-open-whatsapp-app-from-android-webview"><h4>php-androidwebviewからwhatsappアプリを開くことはできますか</h4></a>
</article>
<article class="realted">
<a href="/items/select-from-table-where-id-1"><h4>php-select * from table where id = 1</h4></a>
</article>
<article class="realted">
<a href="/items/laravel-socialite-class-laravel-socialite-contracts-factory-does-not-exist"><h4>php-Laravel / Socialite：クラスLaravelSocialiteContractsFactoryは存在しません</h4></a>
</article>
<br>
<br>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0305809981987647"
crossorigin="anonymous"></script>
<!-- 300-600-neh -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-0305809981987647"
data-ad-slot="9044080507"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary--> </div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
© 2021
<br />
E-mail: contact@Yaoply.com
<br />
</div><!--//container-->
</footer><!--//footer-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function CopyToClipboard(containerid) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(containerid));
range.select().createTextRange();
document.execCommand("Copy");
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(containerid));
window.getSelection().addRange(range);
document.execCommand("Copy");
alert("Code copied")
}}
</script>
<script>
$('#add-answer').click(function(){
$('#answer').show();
});
</script>
<!--LiveInternet counter--><script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script><!--/LiveInternet-->
</body>
</html>