search

unlayer / react-email-editor

Drag-n-Drop Email Editor Component for React.js
https://unlayer.com/embed
MIT License
4.53k stars 730 forks source link

Discrepancy between editor & exported HTML for paragraphs #326

Closed felipehertzer closed 1 year ago

felipehertzer commented 1 year ago

Hi,

I'm having a problem with space between paragraphs in the editor. The editor is showing the texts less spaced than when viewing the generated html

Editor: Image 2

Exported HTML: Image

In the Unlayer CSS code, I can see that the classes are setting the paragraph margin to zero, but when exported, this margin is not exported. Is it possible to remove these classes from the editor or add this margin when exporting the HTML?

.design-web p {
    margin: 0;
}
p {
    margin: 0;
}

Thank you.

andreas-globi commented 1 year ago

I'm having the same issue. Seems to be a recent development. This is annoying a LOT of our users.

Would someone PLEASE put in a fix for this so that the editor more closely represents the output?

brunolemos commented 1 year ago

Back in the day, this was caused by a Chrome update (version 112). This has been fixed on Unlayer side a couple months ago, so I'm closing this. If you are still facing this issue with the latest version please let us know.

felipehertzer commented 7 months ago

Hey @brunolemos, sorry to bump this up again, but the problem started again, the lines are close together again, different from the output due to this css:

.design-web p {
    margin: 0;
}