issues icon indicating copy to clipboard operation
issues copied to clipboard

Published 20 hours ago • verified publisher icon careteditor

HTML Page doesn't show as in Live Preview

Open sonokamome opened this issue 7 years ago • 3 comments

Since version 3.4.6, I have noticed that HTML exports look nothing like the Live Preview with therms of how the margins are supposed to look.

caret io issue image

versus

caret io issue image html result

Not sure if it's me or something 😕

Thank you for your time to read this.

Update: I found that what was missing was the "content" class in the body tag

So the application is not simply adding said class to said tag. Because now it works fine after manually adding the content class to the body tag.

sonokamome avatar Nov 20 '17 05:11 sonokamome

We will fix this. Thanks for reporting.

astoilkov avatar Nov 20 '17 15:11 astoilkov

No thank you! Your editor is great and I like to use it!

sonokamome avatar Nov 20 '17 17:11 sonokamome

As the bug not yet fixed, here's a workaround. In an exported html file there is a class:

.content {
  width: 100%;
  max-width: 700px; /* 700px is the width of the post in Medium */
  ...
}

but no html tag in an exported file has this "content" class assigned. You can add this class="content" to the

tag for example: 
<body class="content">
  ...
</body>

and then it works: Screenshot at Nov 30 18-31-40

alexeyhimself avatar Nov 30 '23 17:11 alexeyhimself