在HTML字符串中查找元素并用C＃中的HTML表替换

Question

我想做的是，从HTML字符串中找到html元素并替换为HTML表，请帮助完成我的任务。 提前致谢

我在代码后面附加了示例HTML和我的代码，在这里我想删除HTML中ID为sample_id标签，并在HTML字符串中的该位置添加一个表

 <div class="row"> <div class="col-md-4"> <h2>Getting started</h2> <p> ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that enables a clean separation of concerns and gives you full control over markup for enjoyable, agile development. </p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p> </div> <div class="col-md-4"> <h2>Get more libraries</h2> <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p> </div> <div class="col-md-4"> <h2>Web Hosting</h2> <p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p> <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p> </div> <span class="sample_class" id="sample_id"></span> </div> 

public string ReplacePlaceHolder(string value)
{
     string HTMLToConvert = "";
     StringWriter myWriter = new StringWriter();
     // Decode the encoded string.
     HTMLToConvert = HttpUtility.UrlDecode(value).ToString();

     //HtmlDocument doc = new HtmlDocument();
     //doc.LoadHtml(HTMLToConvert);
     //var nodes = doc.DocumentNode.SelectSingleNode("//span[@class='placeholder']");

     string generatedHTMLtable = GenerateHTMLTable();
     StringBuilder builder = new StringBuilder(HTMLToConvert);

     builder.Replace("<span class='sample_class' id='sample_id'></span>", generatedHTMLtable);
     StringReader sr = new StringReader(builder.ToString());
     return sr.ToString();
}

//Sample method for generating string of HTML table
public string GenerateHTMLTable()
{
    string tableHtml = "";
    DataSet ds = new DataSet();
    DataTable dt = new DataTable("FirstTable");
    dt.Columns.Add(new DataColumn("UserID", typeof(int)));
    dt.Columns.Add(new DataColumn("AccountID", typeof(int)));
    dt.Columns.Add(new DataColumn("Code", typeof(string)));
    dt.Columns.Add(new DataColumn("AccountName", typeof(string)));
    dt.Columns.Add(new DataColumn("GroupCode", typeof(string)));

    for (int i = 0; i < 6; i++)
    {
       DataRow dr = dt.NewRow();
       dr["UserID"] = i;
       dr["AccountID"] = i + 1;
       dr["Code"] = "COD" + i;
       dr["AccountName"] = "Account" + i;
       dr["GroupCode"] = "GRP" + i;
       dt.Rows.Add(dr);
    }
    ds.Tables.Add(dt);

    tableHtml += "<table>";
    tableHtml += "<tr><th>UserID</th><th>AccountID</th><th>Code</th><th>AccountName</th><th>GroupCode</th></tr>";

    foreach (DataRow drAccount in dt.Rows)
    {
        tableHtml += "<tr><td>" + drAccount["UserID"] + "</td><td>" + drAccount["AccountID"] + "</td><td>" + drAccount["Code"] + "</td><td>" + drAccount["AccountName"] + "</td><td>" + drAccount["GroupCode"] + "</td></tr>";
    }
    tableHtml += "</table>";
    return tableHtml;
}  

Answer 1

您正在StringReader上调用ToString()并尝试返回该值。 在这种情况下，它将返回一个字符串，其中包含类型的名称（ System.IO.StringReader ）。 您根本不需要StringReader ，在StringBuilder上调用ToString()将输出您要查找的字符串。

但是，由于您要做的只是替换字符串，因此无论如何都不需要StringBuilder 。

同样，正如EricKip在他的回答中提到的那样，传递给Replace方法的字符串没有使用正确的引号。

这是您的ReplacePlaceHolder方法的工作版本。

public string ReplacePlaceHolder(string value)
{
    var HTMLToConvert = HttpUtility.UrlDecode(value)       
    return HTMLToConvert.Replace("<span class=\"sample_class\" id=\"sample_id\"></span>", GenerateHTMLTable());
}

请注意，我保留了HttpUtility.UrlDecode()行，因为我们不知道您的value参数是什么，所以我不知道是否需要它。 但是，它用于解码URL，这可能不是您所需要的。 您可能正在寻找HTML解码

Answer 2

看起来您的代码正在尝试用CSS类placeholder替换范围

builder.Replace("<span class='placeholder'></span>", generatedHTMLtable);

但是您的问题是您要用ID sample_id替换元素。

因此，将上面的行替换为：

builder.Replace("<span class="sample_class" id="sample_id"></span>", generatedHTMLtable);

顺便说一句，如果您想做更复杂的事情，字符串替换将不是使用HTML的可靠方法。 有使用该框架的选项，或者您可能想看看类似HTML Agility Pack的东西

Answer 3

编辑后，您在其中进行了编辑：

builder.Replace("<span class='sample_class' id='sample_id'></span>", generatedHTMLtable);

但这与以下内容不同：

<span class="sample_class" id="sample_id"></span>

第一个具有' ，第二个具有"来解决此问题，如下所示：

builder.Replace("<span class=\"sample_class\" id=\"sample_id\"></span>", generatedHTMLtable);

这样，您可以将"放入字符串中，并用\\转义

Answer 4

您好，目前我正在使用这种方法来完成任务，正是我想要的，我添加这是因为将来的用户。

我们可以使用id或class查找元素，然后替换完整的元素，如下所示。

string ofRegex = "<span (class|id)=\"{0}\".*?>\\w*\\n";  // here I have added span tag, we can use any kind of HTML tag which is we need to replace
string finalRegex = string.Format(ofRegex, "sample_class"); // generating regex with class name

string generatedHTMLtable = GenerateHTMLTable();         //// Populate HTML table
htmlAfterREplace = Regex.Replace(HTMLToConvert, finalRegex, generatedHTMLtable);         ///Replace with generated table using rege