問題タブ [print-css]

本当にばかげたものが必要ですが、行き詰まっています。基本的に、gsp ページをレンダリングし、レンダリングをサーバー側で web-app/ の下に作成したフォルダー内にローカルに保存する必要があります。

基本的にこれの出力：

web-app/report/ にあるフォルダー内の例 report-test.html としてファイルに保存する必要があります。

良いアドバイスはありますか？

どうもありがとう

更新 - 説明 皆さん、どうもありがとうございました。私がやろうとしていることを説明させてください。うまくいけば、より良い解決策があります。私はまだgrailsの初心者です。PDF の作成に役立つ print-css および Price ソフトウェアを使用して、レポートを印刷しようとしています。だから私の考えは、gspを使用してHTMLファイルを動的に作成し、print-cssルールに従ってサーバー側にローカルに保存し、pdfファイルを作成してpdfファイルを元に戻すコマンドを（価格で）実行することでしたブラウザ。

更新 css を使用する必要がありますが、html 内で使用するのではなく、Price ソフトウェア コマンドの一部として使用する必要があります。http://www.princexml.com/ したがって、基本的にレンダリングされた gps は、css が適用されていない html であり、コマンドを実行して pdf を作成するときに、適用する css ファイルを指定します。例として：

更新/2 - 閉じる

shutgunNinja に感謝します。以下の投稿で彼の疑似コードを参照してください。ここで使用するコードは次のとおりです。

以前に shutgunNinja が書いたように、URL を呼び出して html ファイルを取得する buildReport() を呼び出します。いくつかのアドバイスを追加したいと思います。

• Spring Security などのセキュリティ フレームワークを使用している場合は注意してください。認証なしでそのページを呼び出せる必要があります。そうしないと、要求したファイルの代わりにログイン ページが表示されます。
• web-appディレクトリにアクセスするための正しいアドレスを保存したベースパス変数を追加します

テーブルを使用して、すべてのページにフッターを作成しています (Firefox で動作します。これで十分です)。

JS フィドル: https://jsfiddle.net/j9k2xzze/

(出力ペインを右クリック -> このフレーム -> 新しいタブでフレームを開く。その後、印刷プレビューは通常どおり機能します)

ただし、最後のページでは、テーブル フッターがテキストのすぐ下に表示されます。テキストが最後のページよりも短い場合、フッターはそこにくっつきます。

フッターを最後のページの一番下に配置するのが好きです。残念ながら、@page 拡張機能は Firefox では機能しないか、間違っています:

サイトを閲覧すると、すべてのフォントが正しく表示されています。ページを印刷すると、プレビューと対応する出力はすべて Times New Roman になります。これが私のCSSルールです：

これが発生していることに気付きました。この動作は、IE、Firefox、Chrome などのどのバージョンにも表示されません。検索してみましたが、印刷時にこれに関連するものは見つかりませんでした。Edge が woff2 をサポートしていないなどのことだけです。

ここでは正しくレンダリングされています:

これは印刷プレビューです。これは、PDFとして印刷/保存する方法でもあります。

チケットを生成する非常に単純なページがあります。ユーザー名 + チケットコードの後ろに img があります。すべてが正しく表示されていますが、Firefox はこれらの名前をまったく出力しません。何か案は？

編集:そこにあるすべてのコードを追加しました。さらに何を追加できるかわかりません。

Web サイトを印刷するときに、Web サイトの左側の領域を余分なページに配置する方法を探しています。
誰かが同じ問題を抱えていて、それを行う簡単な方法を見つけました。

現時点では、私の Web サイトは要素ごとに印刷されていましたが、それを制御したいと考えています。特定の要素が、前の要素の直後ではなく、次のページに印刷されることを望みます。

要素の途中に改ページがある場合、要素の前に改ページを作成するために HTML/CSS を使用することは可能でしょうか。たとえば、PDF として保存すると、テーブルが 2 つの異なるページに分割されます。

アイデアはありますか？

-ティモ

の直前で改ページしたい<h2>。前の<h2>コンテンツから分離するために上部の余白がありますが、改ページの直後に余白を表示したくありません。それが私が苦労している部分です。

現在、私の CSS は次のようになっています。

余白と改ページは、CSS のバージョンごとに変更されたものの 1 つと思われます。一時 (CSS 2.0?) ページの上部要素の余白がページの余白と一緒に折りたたまれているように見えましたが、現在はそうではありません。

関連する場合は、FreeBSD で WeasyPrint を使用しています。マークダウンから生成された HTML をスタイリングしているので、<section>または<div>タグを追加するのはせいぜい厄介です。