Question

我希望能够在html字符串中添加属性，而无需构建解析器来处理html。在一个特定的情况下，我希望能够提取HTML的id或向html服务器端插入一个id。

说我有：

string stringofhtml = "<img src=\"someimage.png\" alt=\"the image\" />";

我希望能够做到这样的事情：

HtmlGenericControl htmlcontrol = new HtmlGenericControl(stringofhtml);
htmlcontrol.Attributes["id'] = "newid";

OR

int theid = htmlcontrol.Attributes["id"];

这只是我可以访问/添加我拥有的html字符串属性的一种方式。

Answer 1

你可以这样做：

HtmlGenericControl ctrl = new HtmlGenericControl();
ctrl.InnerHtml = "<img src=\"someimage.png\" alt=\"the image\" />";

您也可以使用LiteralControl，而不是HtmlGenericControl：

LiteralControl lit = new LiteralControl(stringOfHtml);

Answer 2

我认为没有可用的控件可以为您提供所需的功能。

下面我已经使用HtmlAgility包来解析/查询HTML并创建了一个新的控件子类化Literal控件。

此控件接受HTML字符串，检查以确保它至少包含一个元素，并提供对get / set元素属性的访问权限。

使用示例

string image = "<img src=\"someimage.png\" alt=\"the image\" />";

HtmlControlFromString htmlControlFromString = new HtmlControlFromString(image);

htmlControlFromString.Attributes["id"] = "image2";

string id = htmlControlFromString.Attributes["id"];

<强>控制

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI.WebControls;
using HtmlAgilityPack;

public class HtmlControlFromString : Literal
{
    private HtmlDocument _document = new HtmlDocument();
    private HtmlNode _htmlElement;

    public AttributesCollection Attributes { get; set; }

    public HtmlControlFromString(string html)
    {
        _document.LoadHtml(html);
        if (_document.DocumentNode.ChildNodes.Count > 0)
        {
            _htmlElement = _document.DocumentNode.ChildNodes[0];

            Attributes = new AttributesCollection(_htmlElement);
            Attributes.AttributeChanged += new EventHandler(Attributes_AttributeChanged);

            SetHtml();
        }
        else
        {
            throw new InvalidOperationException("Argument does not contain a valid html element.");
        }
    }

    void Attributes_AttributeChanged(object sender, EventArgs e)
    {
        SetHtml();
    }

    void SetHtml()
    {
        Text = _htmlElement.OuterHtml;
    }
}

public class AttributesCollection
{
    public event EventHandler AttributeChanged;

    private HtmlNode _htmlElement;

    public string this[string attribute]
    {
        get
        {
            HtmlAttribute htmlAttribute = _htmlElement.Attributes[attribute];
            return htmlAttribute == null ? null : htmlAttribute.Value;
        }
        set
        {
            HtmlAttribute htmlAttribute = _htmlElement.Attributes[attribute];
            if (htmlAttribute == null)
            {
                htmlAttribute = _htmlElement.OwnerDocument.CreateAttribute(attribute);
                htmlAttribute.Value = value;
                _htmlElement.Attributes.Add(htmlAttribute);
            }
            else
            {
                htmlAttribute.Value = value;
            }

            EventHandler attributeChangedHandler = AttributeChanged;
            if (attributeChangedHandler != null)
                attributeChangedHandler(this, new EventArgs());
        }
    }

    public AttributesCollection(HtmlNode htmlElement)
    {
        _htmlElement = htmlElement;
    }
}

希望这有帮助。

从一个完整的html字符串构建HtmlGenericControl

2 个答案: