如何从 C# 中的代码构建 HTML

Question

我需要在我的 MVC 应用程序中创建一个 HtmlHelper，它呈现出一些嵌套且相当复杂的 UL/LI（树状）结构。 HtmlTextWriter 和 XmlTestWriter 类提供了构造正确 HTML 的方法，但它们是只向前的，因此使我的工作变得相当困难，因为在您呈现标签后，您没有对“父”标签的引用。

XDocument 和 XElement 类是我查看的下一个候选对象，但它们是为 XML 而不是为 HTML 创建的，这可能会导致 no-so-valid HTML (self -关闭标签等）。

我该怎么办？

This alleged duplicate 并不是真正的重复，根本不回答我的问题。它是关于构建一个呈现单个 Html-Tag 的 HTML-Helper。这不是我所追求的。我想知道如何用 C# 代码构建整个 DOM。

Answer 1

我以前也想做类似的事情，但最后我尝试了一个对象结构，它可以表示元素，例如服务器端 DOM，可以在呈现为 HTML 之前在代码中进行操作。

其他人也做过类似的事情。值得注意的例子是 SharpDOM：http://www.codeproject.com/Articles/667581/SharpDOM-a-new-view-engine-for-ASP-NET-MVC 和 CityLizard：https://citylizard.codeplex.com/

这些天来，我倾向于构建一个视图模型来处理视图外观的大部分逻辑和操作，然后进行渲染。

您还可能会发现部分视图（递归调用）是一种有用的方法。

Answer 2

如果我要这样做，我会以这样的方式（简化）：

物品类别

    public class HtmlListItem 
    {
         public string Content { get; set; }
         public object HtmlAttributes { get; set; }
    }

HTML 助手

    public HtmlString RenderList(this HtmlHelper htmlHelper, IEnumerable<HtmlListItem> list, object uListHtmlAttributes)
        {
            TagBuilder ul = new Tagbuilder("ul");
            IDictionary<string, object> uListAttributes = new RouteValueDictionary(uListHtmlAttributes);
            ul.MergeAttributes(uListAttributes);
            StringBuilder builder = new StringBuilder();
            builder.Append(ul.ToString(TagRenderMode.StartTag) + Environment.NewLine);

            foreach (var item in list) 
            {
                TagBuilder hold = new TagBuilder("li");
                IDictionary<string, object> htmlAttributes = new RouteValueDictionary(item.HtmlAttributes);
                hold.MergeAttributes(htmlAttributes);
                hold.InnerHtml = item.Content;
                builder.Append(hold.ToString(TagRenderMode.Normal) + Environment.NewLine);
            }

            builder.Append("</ul>" + Environment.NewLine);
            return new HtmlString(builder.ToString());
        }