Any Way to Stop Summernote Creating AND Tags?

Antony · February 19, 2021, 10:48am

I’m using Summernote to create HTML documents that are then sent by email. The problem I have is that they are appearing double spaced when received and viewed in an email client like gmail.

Here is the code Summernote creates:

<p>Some text<br></p>
 <p>Some more text on the next line<br></p>
<p><br></p>
<p>A new paragraph<br></p>

So the double spacing is coming from creation of  AND   tags.

Is there any way to have it produce just one of these?

I’ve looked at a few ideas on the internet, but as this is an officially supported Wappler feature then I wondered if Wappler has a solution for this.

Many thanks!
Antony.

In summernote:

summernote

In gmail:

gmail

TomD · February 19, 2021, 11:29am

Something similar cropped up here and might offer a solution.

bpj · February 19, 2021, 11:31am

If it uses  tags, would simply replacing the   ones work? It could be done either on the client before submitting or server-side.

summernoteinput.value.replace('<br>','')

Antony · February 19, 2021, 12:36pm

Thanks for your input folks!

@bpj, I have a load of pre-prepared content now copied to 100s of database rows which have only   and no  tags… so removing the   will mess those up…

I’ve tried removing the  combination on save and that changes how it looks in when read back into Summernote. Seems Summernote doesn’t deal consistently with lots of   tags.

Maybe I can remove  on the way out to the email provider… I’ve messaged them too to try and find a solution from their end.

Happy days!
Antony.

bpj · February 19, 2021, 12:44pm

When you get the content from your DB, but before sending, can you not remove the  combo then using replace?

Antony · February 19, 2021, 5:00pm

Yes, that is my plan!

bpj · February 19, 2021, 5:02pm

Sorry, didn't see the 'too' in this bit - time for alcohol!

Antony · February 19, 2021, 5:04pm

Happy Hour!

Antony · February 19, 2021, 6:17pm

Okay, so removing  didn’t work, as Summernote doesn’t create enough   to make the right number of new lines.

BUT…

what works like a dream is this:

.replace('<p>', '<p style="margin:0">')

Because it just tells gmail etc to put no margin on the paragraphs!

YIPPEE!

max_gb · February 19, 2021, 6:55pm

Did you check compatibility with Outlook? EDM is notorious for ignoring padding, spacing and margins.

Antony · February 19, 2021, 7:09pm

No… I didn’t know that was the case!

Any Way to Stop Summernote Creating <br> AND <p> Tags?