HTML全体からimgタグにクラスを動的に追加する

asp.net c# html-agility-pack

質問

テキストとイメージを追加するリッチエディタを使用して、イメージを応答性にする

class="img-thumbnail"

すべての画像タグに必要ですので、HtmlAgilityパックを使用してHTML全体から画像タグを抽出しましたが、各画像タグにそのクラスを追加する方法はありました。

画像タグを抽出した後のhtmlからの入力

class="img-thumbnail"

予想される

class="img-thumbnail"

コード

class="img-thumbnail"

受け入れられた回答

私はあなたがそれを表示する前にHTMLを保存する必要があるという問題があると思います。さもなければHTML Agility Packは時々変更された属性を省略します。

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();
    }
 }

人気のある回答

このようにcssですべてのイメージタグに属性を追加することができます

.img-thumbnail
{
  // your class property
}

img {
.img-thumbnail
}

ここでも同様の質問があります。

私はページ上のすべてのラベルに既存のCSSスタイルを適用したい。どうやって?




ライセンスを受けた: CC-BY-SA with attribution
所属していない Stack Overflow
このKBは合法ですか? はい、理由を学ぶ
ライセンスを受けた: CC-BY-SA with attribution
所属していない Stack Overflow
このKBは合法ですか? はい、理由を学ぶ