Динамически добавить класс IMG тег от всей HTML

Question

У меня есть богатый редактор, который добавляет текст и изображения, чтобы сделать изображения отзывчивого

class="img-thumbnail" 

необходим во всех тегах изображений, поэтому использовал HtmlAgility пакет для извлечения теги изображений из всего Html, но как добавить класс в каждый тег изображения.

Пример

Ввод из HTML после извлечения изображения тег

<img src="http://domain.com/images/image1.jpg"> 

Прогнозный

<img src="http://domain.com/images/image1.jpg" class="img-thumbnail"> 

Код

public string ParseImage(string pHtml) 
    { 

     HtmlDocument doc = new HtmlDocument(); 
     doc.LoadHtml(pHtml); 
     var imgs = doc.DocumentNode.SelectNodes("//img"); 

     foreach (var item in imgs) 
     { 
      string orig = item.Attributes["src"].Value; 
      //Add class to each img tag. 
     } 
     } 

Answer 1

Я думаю, что проблема заключается в том, что вам нужно, чтобы сохранить HTML, прежде чем отобразить его. В противном случае пакет гибкости HTML иногда опускает измененные атрибуты.

public string ParseImage(string pHtml) 
{ 

    HtmlDocument doc = new HtmlDocument(); 
    doc.LoadHtml(pHtml); 
    var imgs = doc.DocumentNode.SelectNodes("//img"); 

    foreach (var item in imgs) 
    { 
     //string orig = item.Attributes["src"].Value; 
     item.SetAttributeValue("class", "img-thumbnail"); 
     //Add class to each img tag. 
    } 
    using(StringWriter tw = new StringWriter()){ 
     doc.Save(tw); 
     return tw.ToString(); 
    } 
} 

Answer 2

Вы можете добавить атрибуты для всех тегов изображений в css, как это

.img-thumbnail 
{ 
    // your class property 
} 

img { 
.img-thumbnail 
} 

Вот аналогичный вопрос.

I want to apply an existing CSS style to all labels on a page. How?