Prevent CiviCRM CSS (or Theme CSS) from changing Summernote WYSIWYG content
We love Summernote and are happy to recommend the plugin, especially if clients have problems uploading images in the CK Editor of a Drupal installation. However, we often get feedback that the WYSIWYG view in the CKEditor is closer to the email sent (or the html preview) than in the Summernote Editor. I took a look at that: In Summernote, the content always looks a bit like an exploded view. In the browser tools I can see that some spacing and borders come from civicrm.css
Summernote WYSIWYG View
Summernote HTML preview
CK Editor works within an iframe, I think, and I suspect that's why the content in CK Editor isn't affected by the surrounding CSS.
Is there perhaps a similar or different way to "protect" the content in Summernote from unwanted style rules? I tried to overwrite all affected CSS rules, which was a lot of work and also reached its limits where overwriting would not be possible at all or would only be possible with difficulty...
Best regards, Romy