How to change all images src attributes using HTML Agility?

Question

How to change all images src attributes using HTML Agility?

c# html html-agility-pack

Question

I need to convert all src attributes to point to the absolute path instead of relative path. I tried this using HTML Agility:

string html = "<body><div><img src=\"/folder/a.png\"/></div><div> <img src=\"/folder/b.png\"/></div></body>";
var htmlDoc = new HtmlDocument();
htmlDoc.LoadHtml(html);
foreach (var node in htmlDoc.DocumentNode.SelectNodes("//img"))
{
   var src = node.Attributes[@"src"].Value;
   if (src.StartsWith("/"))
      node.SetAttributeValue("//src", "www.abc.xyz" + src);
}
var newHtml = htmlDoc.Text;

But src attributes still points to the relative path!

mshwf

View more on Stack Overflow

er-sho · Accepted Answer · 8/11/2018 10:54:23 AM

You have to use htmlDoc.DocumentNode.WriteTo() method to reflect your changes in your original html

string html = "<body><div><img src=\"/folder/a.png\"/></div><div> <img src=\"/folder/b.png\"/></div></body>";
var htmlDoc = new HtmlDocument();
htmlDoc.LoadHtml(html);
foreach (var node in htmlDoc.DocumentNode.SelectNodes("//img"))
{
    var src = node.Attributes[@"src"].Value;
    if (src.StartsWith("/"))
        node.SetAttributeValue("src", "www.abc.xyz" + src);
}

var newHtml = htmlDoc.DocumentNode.WriteTo();

Output:

Try once may it help you

How to change all images src attributes using HTML Agility?

Question

Fastest Entity Framework Extensions

Accepted Answer

Performance

Expression Evaluator

Related