ASP.NET 5 MVC 6 中的 TagBuilder InnerHtml

Question

在我看来，从 beta7 开始，TagBuilder 发生了重大的重大变化，而公告存储库中没有提及它们。

特别是 .ToString 不再呈现标签生成器，它只是返回类型的名称。 以前我们可以在 HtmlHelper 扩展中做这样的事情来构建嵌套的 html 元素：

var li = new TagBuilder("li");
li.AddCssClass("inactive");
var span = new TagBuilder("span");
span.SetInnerText(somestring);
li.InnerHtml = span.ToString();

.InnerHtml 现在不再接受字符串，因为它现在是 IHtmlContent

但由于 .ToString() 不呈现标签，这也不起作用：

li.InnerHtml = new HtmlString(span.ToString())

它只是呈现为“Microsoft.AspNet.Mvc.Rendering.TagBuilder”，即类型的名称。

我没有在 TagBuilder 上看到任何提供所需功能的新方法。 我错过了什么？我现在如何使用 TagBuilder 构建复杂的嵌套 html？

Answer 1

使用 MVC 6，在撰写本文时，Tagbuiler.InnerHtml 确实不再有 setter。它有一些方法来附加元素。例如你可以写：

var container = new TagBuilder("div");
var input = new TagBuilder("input");

container.InnerHtml.AppendHtml(input);

Answer 2

因为TagBuilder现在实现了IHtmlContent，你应该可以直接使用它，不用做.ToString()。

var li = new TagBuilder("li");
li.AddCssClass("inactive");
var span = new TagBuilder("span");
span.SetInnerText(somestring);
li.InnerHtml = span;

Beta 7 中当前实现的真正问题是没有简单的方法将两个子标签构建器内容附加到父标签构建器内容。可以关注GitHub的讨论。

目前的提议是让InnerHtml 不可分配，而是支持Append。这将在 Beta 8 中实施。

Beta 7 中的解决方法是使用 StringWriter 调用 parent.WriteTo 以将其转换为 string。

Answer 3

失去了span.SetInnerText(somestring); 现在可以做

span.InnerHtml.SetContent(somestring);

使用Microsoft.AspNetCore.Html.HtmlContentBuilderExtensions。

这是从带有 AspNetCore 2.0.1 的 4.7 的角度来看的。

Answer 4

@Memet 奥尔森

我所有的自定义 TagHelpers 都因更新到 4.6.1 (1.0.0-rc2) 而中断。 InnerHtml.Append() 将不再接受 TagBuilder。

应该使用 AppendHtml() 方法：

var container = new TagBuilder("div");
var input = new TagBuilder("input");

container.InnerHtml.AppendHtml(input);

第二次错误修复[here]

Answer 5

以@Mihai 的回答为基础，展示 StringWriter 方法的实际代码：

// Create tag builder
var builder = new TagBuilder("img");
//...
// Render tag approach also changed in .NetCore
builder.TagRenderMode = TagRenderMode.SelfClosing;

//Create the StringWriter and make TagBuilder "WriteTo" it
var stringWriter = new System.IO.StringWriter();
builder.WriteTo(stringWriter, HtmlEncoder.Default);
var tagBuilderIsFinallyAStringNow = stringWriter.ToString();

Answer 6

Beta 8 通过向标签助手添加 Append() 方法解决了这个问题。

对于 beta 7，解决方案是使用 BufferedHtmlContent() 类，但由于它不可访问，我们必须做一些额外的工作。

private class MyBufferedHtmlContent : IHtmlContent
{
    internal List<IHtmlContent> Entries { get; } = new List<IHtmlContent>();

    public MyBufferedHtmlContent Append(IHtmlContent htmlContent)
    {
        Entries.Add(htmlContent);
        return this;
    }

    public void WriteTo(TextWriter writer, IHtmlEncoder encoder)
    {
        foreach (var entry in Entries)
        {
            entry.WriteTo(writer, encoder);
        }
    }
}

用法：

TagBuilder firstChild = new TagBuilder("input");
firstChild.MergeAttribute("type", "hidden");
firstChild.MergeAttribute("name", "Ids");
firstChild.TagRenderMode = TagRenderMode.SelfClosing;

TagBuilder secondChild = new TagBuilder("input");
secondChild.MergeAttribute("type", "hidden");
secondChild.MergeAttribute("name", "Ids");
secondChild.TagRenderMode = TagRenderMode.SelfClosing;

var innerHtml = new MyBufferedHtmlContent();
innerHtml.Append(firstChild);
innerHtml.Append(secondChild);
TagBuilder parent = new TagBuilder("div");
parent.InnerHtml = innerHtml;