Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to add the code inline instead of embedded #105

Open
GreedHub opened this issue May 16, 2022 · 2 comments
Open

How to add the code inline instead of embedded #105

GreedHub opened this issue May 16, 2022 · 2 comments

Comments

@GreedHub
Copy link

Hi, I'm trying the library with NextJs but, along other libraries that I've tried so far, the css it's actually generated on a style tag on the head of the HTML, even when they say that the css will be inlined.

I actually need the code to be inline because I need to make mail templates.

Am I using it wrong? Is there any way to get the code from a css file and adding it inline in the tags?

@rschristian
Copy link
Contributor

That's what inlining is, taking the CSS from the external stylesheet and add it into the HTML doc (usually to avoid FOUC).

It sounds like you're asking about converting the CSS stylesheet into the style attribute on every element? Yes, that's not what this is for nor does it really help facilitate that (at least, not in a meaningful way, though it could potentially be used as an intermediary I suppose)

@developit
Copy link
Collaborator

Not sure if it's helpful, but it seems like you're looking for something like this:

https://jsfiddle.net/developit/31kpgd0n/

You could use JSDOM to make it run on the server.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants