wkhtmltopdf PDFからCSSファイルを除外してHTMLで表示

Question

私はwkhmtltopdfを使っていましたが、問題があることがわかりました。 私はhtmlページを使って、PDFに変換する前にブラウザでコンテンツをプレビューしています。

しかし、私のプレビューでそれを読みやすくするために、私はページ上のいくつかのCSSを追加しました：（ジャバスクリプト/ jQueryのでドキュメント準備に）

$(document).ready(function() { 
    if(window.location.href.indexOf("preview") > -1 && window.location.href.indexOf(".pdf") == -1) { 
     appendCSStoHtml(); 
    } 
    }); 

    function appendCSStoHtml() { 
    $("body").css({"background-color":" #F0F8FF"}); 

    $("#previewHtml").css({ 
     "margin-left":"15%", 
     "margin-right":"15%", 
     "margin-top":"15px", 
     "max-width":"1024px"}); 

    $("#previewHtml > h2").css({"margin-left":" 15px"}); 
    } 

だから、これはすべての良いとダンディですが、ときに私このHTMLページに基づいて自分のPDFを生成すると、CSSはPDF内でレンダリングされ、アウトラインと背景もPDF内に存在します。

私はこれが起こりたくないので、自分のCSSスタイル要素をPDFページ内でレンダリングし、PDF内ではしないでください。

どうすればこの問題を解決できますか？

$(document).ready(function() { 
    if(window.location.href.indexOf("preview") > -1 && window.location.href.indexOf(".pdf") == -1) { 
     appendCSStoHtml(); 
    } 
    }); 

をしかし、それは問題ではありませんでした：

私は次のように試してみました。

アイデア？

Answer 1

もう一度私です。

私が探しているものに似たものがあるかどうかはわかりません。 こうして私は自分自身を作った。

私は、ページパラメータを追加し、それがtrueまたはfalseだかどうかを確認するためのコードでこれを確認してください。

<script type="text/javascript"> 

    $(document).ready(function() { 
    var url_string = window.location.href; 
    var url = new URL(url_string); 
    var renderCss = url.searchParams.get("renderCss"); 

    if(renderCss == 'true') { 
     appendCSStoHtml(); 
    } 
    }); 

    function appendCSStoHtml() { 
    $("body").css({"background-color":" #F0F8FF"}); 

    $("#previewHtml").css({ 
     "margin-left":"15%", 
     "margin-right":"15%", 
     "margin-top":"15px", 
     "max-width":"1024px"}); 

    $("#previewHtml > h2").css({"margin-left":" 15px"}); 
    } 

</script>