Using cordova-plugins-printer in capacitor. Issue with path to file. #3689

macsupport · 2020-10-15T16:44:25Z

macsupport
Oct 15, 2020

I'm new to capacitor.js. and would appreciate some help. I am migrating my App (Framework7) to capacitor and almost everything is working great except for printing. I have successively using cordova-plugin-printer to print a page with specific css files. With the migration to capacitor, the loading of my print css files doesn't work. I'm thinking it is due to a change in the path to the files from cordova to capacitor?
This link path does not load the stylesheet as it does in cordova.
<link rel="stylesheet" href="' + cordova.file.applicationDirectory + 'www/css/app.css">

My previously working print code (prints a div with a specific id, not the entire page):

  $(document).on("click", ".printme", function(e) {
  var printLink = $(this).data("print");
  var gridElement = $("#" + printLink);
  var printableContent = "";
  var printableContent = $("<div id=" + printLink + "'printthis'>").append($(gridElement).clone()).html();

    var htmlContent = '<!DOCTYPE html><head><meta charset="utf-8" /><link rel="stylesheet" media="all" href="capacitor://localhost/css/output1.css"><link rel="stylesheet" href="' + cordova.file.applicationDirectory + 'www/css/framework7.bundle.min.css"><link rel="stylesheet" href="' + cordova.file.applicationDirectory + 'www/css/svg-with-js.min.css"><link rel="stylesheet" href="' + cordova.file.applicationDirectory + 'www/css/output1.css"><link rel="stylesheet" href="' + cordova.file.applicationDirectory + 'www/css/app.css"><link rel="stylesheet" href="' + cordova.file.applicationDirectory + 'www/css/print.css"></head><body>' + printableContent + '</body></html>';

    cordova.plugins.printer.print(htmlContent, { name: htmlContent })

});

I've tied the following paths with no luck:

<link rel="stylesheet" href="capacitor://localhost/css/app.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="www/css/app.css">
<link rel="stylesheet" href="localhost:///www/css/app.css">
<link rel="stylesheet" href="file:///www/css/app.css">

Thanks for any input!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Using cordova-plugins-printer in capacitor. Issue with path to file. #3689

{{title}}

Replies: 0 comments

Select a reply

Using cordova-plugins-printer in capacitor. Issue with path to file. #3689

macsupport Oct 15, 2020

Replies: 0 comments

macsupport
Oct 15, 2020