How to remove span inside specific tags using Html Agility Pack?

Question

I have a sample html below which I want to remove all span tags inside the comment tags using html agility pack

             <comment id="e096f3920ecbd8378f2b77b9608588434" type="start"></comment>
                <span style="color:hsl(0,0%,0%);">
                       <span style="color:hsl(0,0%,0%);">
                            Microsoft
                        </span>
                </span>
             <comment id="e096f3920ecbd8378f2b77b9608588434" type="end"></comment>

This html is auto generated by ckeditor which the comment tag has type (start and end). Is it possible to remove some tags inside the comment tag start to end using html agility pack?

Updated Question(10/24/19)

Complete HTML(by ckeditor)

<p>
   <span style="color:hsl(0,0%,0%);">
      <span style="color:hsl(0,0%,0%);">
         <span style="color:hsl(0,0%,0%);">
            <span style="color:hsl(0,0%,0%);">
               <span style="color:hsl(0,0%,0%);">
                  <span style="color:hsl(0,0%,0%);">
                     <span style="color:hsl(0,0%,0%);">
                        <comment id="ef7492a2e61d2666914b6a947aef5a6d6" type="start"></comment>
                        <span style="color:hsl(0,0%,0%);">This&nbsp;</span>
                     </span>
                  </span>
               </span>
            </span>
         </span>
      </span>
      <comment id="e042cfd52178aaa260f79e1accd66441c" type="start"></comment>
      Microsoft&nbsp;
      <comment id="e042cfd52178aaa260f79e1accd66441c" type="end"></comment>
      <span style="color:hsl(0,0%,0%);">
         <span style="color:hsl(0,0%,0%);">
            <span style="color:hsl(0,0%,0%);">
               <span style="color:hsl(0,0%,0%);">
                  <span style="color:hsl(0,0%,0%);">
                     <span style="color:hsl(0,0%,0%);">
                        <span style="color:hsl(0,0%,0%);">Enterprise</span>
                        <comment id="ef7492a2e61d2666914b6a947aef5a6d6" type="end"></comment>
                        <span style="color:hsl(0,0%,0%);"> Agreement is entered into between the entities identified on the signature form.</span>
                     </span>
                  </span>
               </span>
            </span>
         </span>
      </span>
   </span>
</p>

I want to remove all the span inside the comment start id (ef7492a2e61d2666914b6a947aef5a6d6) and comment end id (ef7492a2e61d2666914b6a947aef5a6d6)

EylM EylM · Accepted Answer · 2019-10-22T15:05:37

You can use Xpath query to select the "start" comments. After it, you need to loop over the sibling elements until you reach the "end" type of comment.

var nodesToRemove = new List<HtmlAgilityPack.HtmlNode>();
var startNodes = doc.DocumentNode.SelectNodes("//comment[@type='start']");
foreach (var startNode in startNodes)
{
    var node = startNode.NextSibling;

    while (node != null)
    {
        var attribute = node.Attributes["type"];

        // found the "end" type of comment.
        if(attribute != null && attribute.Value == "end")
            break;

        if (node.Name == "span")
            nodesToRemove.Add(node);

        node = node.NextSibling;
    }
}

foreach (var node in nodesToRemove)
    node.Remove();

How to remove span inside specific tags using Html Agility Pack?

1 Answers