Home/ Questions/Q 7832213
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T12:05:39+00:00

I have a Html code and I want to Convert it to plain text

  • 0

I have a Html code and I want to Convert it to plain text but keep only colored text tags.
for example:
when I have below Html:

<body>

This is a <b>sample</b> html text.
<p align="center" style="color:#ff9999">this is only a sample<p>
....
and some other tags...
</body>
</html>

I want the output:

this is a sample html text.
<#ff9999>this is only a sample<>
....
and some other tags...
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’d use parser to parse HTML like HtmlAgilityPack, and use regular expressions to find the color value in attributes.

    First, find all the nodes that contain style attribute with color defined in it by using xpath:

    var doc = new HtmlDocument();
doc.LoadHtml(html);
var nodes = doc.DocumentNode
    .SelectNodes("//*[contains(@style, 'color')]")
    .ToArray();

    Then the simplest regex to match a color value: (?<=color:\s*)#?\w+.

    var colorRegex = new Regex(@"(?<=color:\s*)#?\w+", RegexOptions.IgnoreCase);

    Then iterate through these nodes and if there is a regex match, replace the inner html of the node with html encoded tags (you’ll understand why a little bit later):

    foreach (var node in nodes)
{
    var style = node.Attributes["style"].Value;
    if (colorRegex.IsMatch(style))
    {
        var color = colorRegex.Match(style).Value;
        node.InnerHtml =
            HttpUtility.HtmlEncode("<" + color + ">") +
            node.InnerHtml +
            HttpUtility.HtmlEncode("</" + color + ">");
    }
}

    And finally get the inner text of the document and perform html decoding on it (this is because inner text strips all the tags):

    var txt = HttpUtility.HtmlDecode(doc.DocumentNode.InnerText);

    This should return something like this:

    This is a sample html text.
<#ff9999>this is only a sample</#ff9999>
....
and some other tags...

    Of course you could improve it for your needs.

    • 0