Bootstrap 4 version is wrapping 2nd half of merged paragraphs (when I say merged, just hit backspace between two paras to delete linebreak) in a <span> with a load of styling
<p>The quick brown fox jumps over the lazy dog.</p>
<p>One, two, three, four.</p>
Expected result...
<p>The quick brown fox jumps over the lazy dog.One, two, three, four.</p>
Actual result...
<p>The quick brown fox jumps over the lazy dog.<span style="background-color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem;">One, two, three, four.</span></p>
Browser -> Chrome Version 70.0.3538.110 (Official Build) (64-bit)
OS -> OS X 10.14.2
Hiya! Gentle bump! I know you guys are very busy, was wondering if there's any progress on this? Cheers!
Update:
I discussed this issue with my lecturer and after studying the issue he surmised that the problem is not with Summernote, but with Chrome's interpretation of contenteditable. A quick google search led to proving this theory true.
A patch:
$(document).on("DOMNodeInserted", '.note-editable', function (e) {
if (e.target.tagName === "SPAN") {
$(e.target).replaceWith($(e.target).contents());
}
});
Although Chrome still applies styling to any elements inside e.target too.
I had the same problem, I solved by adding css rules to note-editable class:
.note-editable * {
line-height: inherit!important;
font-size: 14px!important;
font-family: 'Open Sans';
}
This fixed it for me.
Most helpful comment
Update:
I discussed this issue with my lecturer and after studying the issue he surmised that the problem is not with Summernote, but with Chrome's interpretation of contenteditable. A quick google search led to proving this theory true.
A patch:
Although Chrome still applies styling to any elements inside
e.targettoo.