[{"data":1,"prerenderedAt":155},["Reactive",2],{"/guides/node/bent/loading-css-from-a-url":3,"related:wISskIf0me":73},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"language":10,"library":11,"property":12,"output":13,"related":14,"default":6,"body":19,"_type":68,"_id":69,"_source":70,"_file":71,"_extension":72},"/guides/node/bent/loading-css-from-a-url","bent",false,"","Loading CSS from a URL","This guides shows you how to add a custom CSS from an URL onto your document to customize the output of your generated PDF. Follow this guides to learn how to do it using Node and the Bent library and see how it can quickly be implemented using the PDFShift's API.","Node","Bent","css","pdf",[15,16,17,18],"adding-a-custom-header-or-footer","loading-css-from-a-string","loading-javascript-from-a-string","loading-javascript-from-a-url",{"type":20,"children":21,"toc":65},"root",[22,30,35,40,53],{"type":23,"tag":24,"props":25,"children":26},"element","p",{},[27],{"type":28,"value":29},"text","In this guide, we'll show you how to load custom CSS as a URL when converting an HTML document to PDF using PDFShift's API. This allows you to add custom CSS to your page to customize the output of your generated PDF.",{"type":23,"tag":24,"props":31,"children":32},{},[33],{"type":28,"value":34},"It can be interesting to be able to set a custom CSS value to adjust the rendering of your page specifically when exporting the document to PDF.\nThis allows you to keep a standard look and feel to your users, but adjust some areas when sending that same document to PDFShift to get back a PDF.",{"type":23,"tag":24,"props":36,"children":37},{},[38],{"type":28,"value":39},"Moreover, adding a URL can be easier to do than passing the raw CSS content, as it allows you to later modify that CSS without having to modify the query made to PDFShift.",{"type":23,"tag":41,"props":42,"children":47},"pre",{"className":43,"code":45,"language":46,"meta":7},[44],"language-javascript","const bent = require('bent')\nconst fs = require('fs');\n\n// You can get an API key at https://pdfshift.io\napi_key = 'sk_xxxxxxxxxxxx'\n\nparams = {\n    source: 'https://www.example.com',\n    css: \"https://www.example.com/public/style/print.css\"\n}\n\nconst post = bent('https://api.pdfshift.io/v3/convert/pdf', 'POST', 'json', 200);\nconst response = await post('', params, {'X-API-Key': apiKey});\n\nif (response.status >= 400) {\n    throw new Error(`Request failed with status code ${response.status}: ${response.data}`);\n}\n\nconst getBuffer = bent('buffer')\nfs.writeFileSync('result.pdf', await getBuffer(response));\n\nconsole.log('The PDF document was generated and saved to result.pdf');\n","javascript",[48],{"type":23,"tag":49,"props":50,"children":51},"code",{"__ignoreMap":7},[52],{"type":28,"value":45},{"type":23,"tag":24,"props":54,"children":55},{},[56,58,63],{"type":28,"value":57},"The ",{"type":23,"tag":49,"props":59,"children":61},{"className":60},[],[62],{"type":28,"value":12},{"type":28,"value":64}," parameter accepts either a string or a URL. It will be used as the CSS for the page when converting it to PDF. This allows you to set a custom CSS value to adjust the rendering of your page specifically when exporting the document to PDF.",{"title":7,"searchDepth":66,"depth":66,"links":67},2,[],"markdown","content:guides:node:bent:loading-css-from-a-url.md","content","guides/node/bent/loading-css-from-a-url.md","md",[74,78,82,86,90,94,98,102,106,110,114,118,119,123,127,131,135,139,143,147,151],{"_path":75,"title":76,"language":10,"library":11,"_id":77},"/guides/node/bent/accessing-secured-pages","Accessing secured pages","content:guides:node:bent:accessing-secured-pages.md",{"_path":79,"title":80,"language":10,"library":11,"_id":81},"/guides/node/bent/adding-a-custom-header-or-footer","Adding a custom header or footer","content:guides:node:bent:adding-a-custom-header-or-footer.md",{"_path":83,"title":84,"language":10,"library":11,"_id":85},"/guides/node/bent/adding-a-text-watermark","Adding a text watermark","content:guides:node:bent:adding-a-text-watermark.md",{"_path":87,"title":88,"language":10,"library":11,"_id":89},"/guides/node/bent/adding-an-image-watermark","Adding an image watermark","content:guides:node:bent:adding-an-image-watermark.md",{"_path":91,"title":92,"language":10,"library":11,"_id":93},"/guides/node/bent/avoid-conversion-on-error","Avoid the conversion on error when loading the document","content:guides:node:bent:avoid-conversion-on-error.md",{"_path":95,"title":96,"language":10,"library":11,"_id":97},"/guides/node/bent/convert-html-to-pdf-from-a-url","Convert an HTML document to PDF from a URL","content:guides:node:bent:convert-html-to-pdf-from-a-url.md",{"_path":99,"title":100,"language":10,"library":11,"_id":101},"/guides/node/bent/convert-html-to-pdf-from-raw-html","Convert an HTML document to PDF from raw HTML","content:guides:node:bent:convert-html-to-pdf-from-raw-html.md",{"_path":103,"title":104,"language":10,"library":11,"_id":105},"/guides/node/bent/define-a-time-limit","Define a time limit","content:guides:node:bent:define-a-time-limit.md",{"_path":107,"title":108,"language":10,"library":11,"_id":109},"/guides/node/bent/exporting-only-a-specific-set-of-pages","Exporting only a specific set of pages","content:guides:node:bent:exporting-only-a-specific-set-of-pages.md",{"_path":111,"title":112,"language":10,"library":11,"_id":113},"/guides/node/bent/generate-a-document-with-full-height","Generate a document with full height","content:guides:node:bent:generate-a-document-with-full-height.md",{"_path":115,"title":116,"language":10,"library":11,"_id":117},"/guides/node/bent/loading-css-from-a-string","Loading CSS from a string","content:guides:node:bent:loading-css-from-a-string.md",{"_path":4,"title":8,"language":10,"library":11,"_id":69},{"_path":120,"title":121,"language":10,"library":11,"_id":122},"/guides/node/bent/loading-javascript-from-a-string","Loading Javascript from a string","content:guides:node:bent:loading-javascript-from-a-string.md",{"_path":124,"title":125,"language":10,"library":11,"_id":126},"/guides/node/bent/loading-javascript-from-a-url","Loading Javascript from a URL","content:guides:node:bent:loading-javascript-from-a-url.md",{"_path":128,"title":129,"language":10,"library":11,"_id":130},"/guides/node/bent/protecting-the-generated-pdf","Protecting the generated PDF","content:guides:node:bent:protecting-the-generated-pdf.md",{"_path":132,"title":133,"language":10,"library":11,"_id":134},"/guides/node/bent/receive-a-webhook-event","Receive a webhook event","content:guides:node:bent:receive-a-webhook-event.md",{"_path":136,"title":137,"language":10,"library":11,"_id":138},"/guides/node/bent/save-your-pdf-online-and-get-back-a-url","Save your PDF online and get back a URL","content:guides:node:bent:save-your-pdf-online-and-get-back-a-url.md",{"_path":140,"title":141,"language":10,"library":11,"_id":142},"/guides/node/bent/save-your-pdf-to-your-amazon-s3-bucket","Save your PDF to your Amazon S3 Bucket","content:guides:node:bent:save-your-pdf-to-your-amazon-s3-bucket.md",{"_path":144,"title":145,"language":10,"library":11,"_id":146},"/guides/node/bent/send-custom-http-headers","Send custom HTTP headers","content:guides:node:bent:send-custom-http-headers.md",{"_path":148,"title":149,"language":10,"library":11,"_id":150},"/guides/node/bent/using-cookies","Using cookies to convert HTML documents to PDF","content:guides:node:bent:using-cookies.md",{"_path":152,"title":153,"language":10,"library":11,"_id":154},"/guides/node/bent/waiting-for-a-custom-element-to-be-ready","Waiting for a custom element to be ready","content:guides:node:bent:waiting-for-a-custom-element-to-be-ready.md",1785426830532]