Editor inserting blank div when trying to save empty text v4.2.0+

[hassanasad]

Expected behavior.

In version 4.2.0, if empty text is saved, the editor doesn't auto inject any DOM (div) elements. This should be the expected behaviour.

Actual behavior.

In version 4.3.0, if empty text is saved, the editor is auto injecting an empty

element.

<div style="font-size: 13px; font-family: &quot;Open Sans&quot;;"></div>

I am surprised why it injects " also.

Editor version.

v4.3.0

OS.

MacOS

Browser.

Chrome

[MikeMugu]

Having a similar issue where content is unexpectedly wrapped in a <div style="font-size: 14;">

[hassanasad]

@harasunu-narayan Can you please check - its been a while with this bug. I am fairly sure it should be a small fix.

[zolyyy]

For me same problem...

[hassanasad]

@ilyaskarim can you please look into this issue. We cannot move to newer froala version because of this bug.

[SKPFCW]

I believe this error is due to the FontFamily or FontSize plugin, if the properties ‘fontFamilyDefaultSelection’ or ‘fontSizeDefaultSelection’ have been set there.
Until the error is corrected in general, removing these properties can be a workaround.

[MikeMugu]

I believe this error is due to the FontFamily or FontSize plugin, if the properties ‘fontFamilyDefaultSelection’ or ‘fontSizeDefaultSelection’ have been set there. Until the error is corrected in general, removing these properties can be a workaround.

Confirmed that removing the default settings here fixes the issue.

[ilyaskarim]

@ilyaskarim can you please look into this issue. We cannot move to newer froala version because of this bug.

The behavior you're experiencing is intended as of Froala latest versions. The additional <div> wrapper is added when the fontSizeDefaultSelection option is used to ensure consistent font size across the content.
To maintain the previous output format, you can call html.get(false, true), which will exclude the extra <div>. This approach will ensure backward compatibility without requiring further changes.