Doesn't display any linked css about atom-html-preview HOT 20 CLOSED

Are you using relative links? Can you try absolute ones?

from atom-html-preview.

i can’t in this case, I was working with a local file. it looks like remote ones from a CDN are working, though.

On Apr 18, 2014, at 7:26 PM, Fatih Kadir AKIN [email protected] wrote:

Are you using relative links? Can you try absolute ones?

—
Reply to this email directly or view it on GitHub.

from atom-html-preview.

Ok, I will work on it 👍

from atom-html-preview.

👍

from atom-html-preview.

Have the same Problem, worked from a local directory with a css file in it and linked in the html.
css is ignored.
[ Manjaro, Atom 0.94, Html Preview 0.1.3 ]

from atom-html-preview.

Yup me too. Atom 0.94. Working for remote css but not local css.

from atom-html-preview.

Same issue. Local included css/js doesn't work. (Atom 0.100)

from atom-html-preview.

Same problem here. Does not load images/css.

from atom-html-preview.

Same here, no local css.

from atom-html-preview.

Same issue, Atom 0.115. Is any fix coming for this soon?

from atom-html-preview.

After some tinkering I did get local stylesheets and script files to work.

I had to set the sandbox attribute on the IFRAME, and the way source is set.
I used a local filepath as SRC attribute, instead of the data:text/html;charset=utf8, ....

In the package source file atom-html-preview-view.coffee I changed the line

iframe.src = "data:text/html;charset=utf-8,#{encodeURI(text)}"

to

iframe.setAttribute("sandbox", "allow-scripts allow-same-origin")
iframe.src = @getPath()

Changing the source package yourself is pretty easy, while we wait for a update :-)

This pull electron/electron#208 has more info.

from atom-html-preview.

I can confirm that @kwaak 's resolution appears to be working. I will continue using it to verify.

from atom-html-preview.

I just used @kwaak suggestion and it works perfectly! Thanks! Now preview shows html+css.

from atom-html-preview.

Thanks @kwaak. It works now like a charm.

from atom-html-preview.

@kwaak solved similar problem I had with images not displaying

from atom-html-preview.

Thanks @kwaak it works now, any way to have this implemented in the package as well?

from atom-html-preview.

@kwaak 's solution isn't working for me. Any suggestions?

from atom-html-preview.

This doesn't work for me. CSS isn't showing up in Atom, but works fine in Chrome. My link tag is in the html document header and looks like this: <link rel="stylesheet" href="./assets/css/default.css">

from atom-html-preview.

Works so great, thanks!

from atom-html-preview.

@kwaak please explain in more details how to fix the issue, Sorry, I'm a beginner so I didn't get what exactly should I do to make Atom Preview read css commends as well. really-Really rely on your help

from atom-html-preview.