Remove all CSS in a String (Javascript/Node)

Question

I need to remove CSS of a string from the bodies of E-Mails, such that I get only the real message someone would read from that mail.

Many e-mails contain lots of HTML, which I already was able to strip using striptags. However, the CSS remains. As an example mailbody:

table.footer-table { width: 100%; font-size: inherit; line-height: 18px; text-align: center; }

Dear Sir,

Hello. Kind regards, John

As this is an example, in reality there are lots more CSS classes defined above the actual message.

I do not know what classes etc. will be in such mail (e.g. if it starts with table or whatever).

Question: How can the CSS be efficiently removed from the string?

I have not found a library yet which is able to do that.

You can remove the styling from the html by using simple jquery script since most of the styling in emails are done inline. It might be something like $("table").removeAttr("style") — code_ablaze
– code_ablaze, Commented Oct 9, 2017 at 9:51
@Paudel But this is not a very nice solution if I don't know the classes in advance. — ffritz
– ffritz, Commented Oct 9, 2017 at 9:56
@binariedMe I do not know how the mail will look in advance, I am looking for an allrounder solution. — ffritz
– ffritz, Commented Oct 9, 2017 at 9:58
you can strip off everything except for the table that you need and then you can go on to strip class attribute like the style one. — code_ablaze
– code_ablaze, Commented Oct 9, 2017 at 9:58

Veve · Accepted Answer · 2017-10-09 12:52:27Z

1

Use a regexp to strip out the <style> block and its content.

Assuming the original content is stored in a variable emailContent, it could be like this:

var striptags = require('striptags');

stripedEmailContent = striptags(emailContent.replace(/<style.*<\/style>/g, ''));

answered Oct 9, 2017 at 12:52

Veve

6,7785 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1