Remove Style tag in HTML

Question

I need to remove all style tags completely for the given HTML code. I found following regex to match entire style tag in the the XML. It works fine for the given Html code in online regex testers.

*style\s*=\s*('|")[^\2]*?\2([^>]*)*

However, through a C# code, it didn't work for the given HTML.

Following is the C# code:

Regex regex = new Regex("style\\s*=\\s*('|\")[^\\2]*?\\2([^>]*)", RegexOptions.IgnoreCase);

A DOM parser may be better suited to this task. Maybe something like the HTML Agility Pack? http://htmlagilitypack.codeplex.com — David, Oct 12 '13 at 11:08
Check this if that helps:- http://stackoverflow.com/questions/787932/using-c-sharp-regular-expressions-to-remove-html-tags ? — Rahul Tripathi, Oct 12 '13 at 11:18

score 8 · Answer 1 · answered May 15 '16 at 08:31

I usually use the below code to remove inline styles, class, images and comments from an Outlook message prior to saving it into database:

desc = Regex.Replace(desc, "(<style.+?</style>)|(<script.+?</script>)", "", RegexOptions.IgnoreCase | RegexOptions.Singleline);
desc = Regex.Replace(desc, "(<img.+?>)", "", RegexOptions.IgnoreCase | RegexOptions.Singleline);
desc = Regex.Replace(desc, "(<o:.+?</o:.+?>)", "", RegexOptions.IgnoreCase | RegexOptions.Singleline);
desc = Regex.Replace(desc, "<!--.+?-->", "", RegexOptions.IgnoreCase | RegexOptions.Singleline);
desc = Regex.Replace(desc, "class=.+?>", ">", RegexOptions.IgnoreCase | RegexOptions.Singleline);
desc = Regex.Replace(desc, "class=.+?\s", " ", RegexOptions.IgnoreCase | RegexOptions.Singleline);

Please don't add the same answer to multiple questions. Answer the best one and flag the rest as duplicates. See [Is it acceptable to add a duplicate answer to several questions?](http://meta.stackexchange.com/q/104227) — Bhargav Rao, May 15 '16 at 09:44

score 7 · Accepted Answer · edited Dec 09 '17 at 02:37

7

Regex should be

 style\s*=\s*('|")[^\1]*\1

Though I would use Htmlagilitypack

   HtmlDocument doc = new HtmlDocument();
   doc.Load(yourStream);
   var elementsWithStyleAttribute = doc.DocumentNode.SelectNodes("//@style");
   foreach (var element in elementsWithStyleAttribute)
   {
       element.Attributes["style"].Remove();
   }
   doc.Save();

edited Dec 09 '17 at 02:37

carla

1,970
1
31
44

answered Oct 12 '13 at 11:11

Anirudha

32,393
7
68
89

Modified regex doesnt work. I just need to remove only the style attribute. – Dimax Oct 12 '13 at 11:39
@Dimax show the exact code you are using to replace and also a sample of that html – Anirudha Oct 12 '13 at 11:43
Following is the code: Regex regex = new Regex("style\\s*=\\s*('|\")[^\\2]*?\\2([^>]*)", RegexOptions.Multiline | RegexOptions.IgnoreCase); htmldoc.Content = regex.Replace(htmldoc.Content, string.Empty); Sample Html Code:
There are numerous applications
– Dimax Oct 12 '13 at 12:11
@Dimax u r not using regex in ans – Anirudha Oct 12 '13 at 12:33
Hi Anirudh, sorry for the delay. i did the same using HtmlAgilityPack. Thnx for the sample code. – Dimax Nov 03 '13 at 15:00

Remove Style tag in HTML

2 Answers2