preserveMediaQueries: true still removes <styles>...</styles> from html. #88

john007abhilash · 2019-07-15T11:27:02Z

In my code CSS is resolved from tag, if i place CSS in html and run, then tag are left intact, but when adding styles using tag then the styles are not resolved even though inline styles are applied, so preserveMediaQueries: true still removes styles. I am using http-server to run it, and node to create the html.

Here is the html

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8080/styles/styles.css">
</head>

Here is the js

var inlineCss = require('inline-css');#
const fileName = 'test-inline.html'
var fs = require('fs'),
path = require('path'),
filePath = path.join(__dirname, fileName);

const inlineOptions = {
url: ' ',
preserveMediaQueries: true
};

// Read file
fs.readFile(filePath, {encoding: 'utf-8'}, function(err, html) {
if (!err) {
console.log('received html: ' + html);
// Inline css file contents to variable

    inlineCss(html, inlineOptions)
        .then((inlineHtml) => {
            console.log(inlineHtml);
            // Write inlined contents to file
            fs.writeFile('inline-' + fileName, inlineHtml, (err) => {
                if (err) {
                    return console.log(err);
                }
                console.log('write success');
            });
        });
} else {
    console.log(err);
}

});

The text was updated successfully, but these errors were encountered:

anhkhoi · 2021-05-24T09:43:26Z

same issue for me

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

preserveMediaQueries: true still removes <styles>...</styles> from html. #88

preserveMediaQueries: true still removes <styles>...</styles> from html. #88

preserveMediaQueries: true still removes <styles>...</styles> from html. #88

preserveMediaQueries: true still removes <styles>...</styles> from html. #88

Comments