生成 HTML DOM 元素并将其插入 Razor 页面答案

【问题标题】：Generating HTML DOM Element and inserting it into a Razor Page生成 HTML DOM 元素并将其插入 Razor 页面
【发布时间】：2020-12-02 00:09:54
【问题描述】：

我目前正在开发一个 asp.net MVC Web 应用程序，我必须在其中生成或多或少复杂的 HTML 结构，然后将其插入 Razor 页面。目前我生成带有字符串连接的 HTML，然后将字符串添加到我的控制器中的 ViewBag 中，如下所示：

public class SomeController : Controller
{
    public IActionResult Index()
    {
        string htmlString = "<div id=\"example-div\">Some more Stuff</div>" + "Some more HTML strings";
        Viewbag.htmlString = htmlString;
            
        return View();
    }
}

然后我访问该字符串并将其呈现为我的 Razor 页面中的 HTML，如下所示：

@Html.Raw(ViewBag.htmlString)

但这不是最佳做法。有没有更好的方法在我的控制器中实际生成一个 HTML DOM 元素，然后像模板一样将该元素加载到剃须刀页面中？如果有怎么办？

谢谢

【问题讨论】：

如果可能，您可以创建自定义 Html Helper 并返回 MVChtmlString

标签： c# html asp.net-mvc razor-pages

【解决方案1】：

您可以在这里创建自己的自定义扩展助手。

创建静态类
创建一个静态方法
在 web.config 视图文件夹中注册命名空间以供全局访问所有页面

创建一个类

public static class HtmlHelpers   
{   
     public static MvcHtmlString RenderTemplate(this HtmlHelper helper, string moreHtml=default(string))   
     {   
        MvcHtmlString ohtml = null;
        StringBuilder builder=new StringBuilder();
        builder.Append("<div id=\"example-div\">");
        builder.Append("Some more Stuff");
        builder.Append(moreHtml);
        builder.Append("</div>");
        ohtml =new MvcHtmlString(builder.ToString());
        
        return ohtml;
     }  
 }

在 namespaces 属性内的 web.config 中注册您的类命名空间

<add namespace="YOURNAMESPACE"/>

打开任何 cshtml 页面并尝试输入此关键字。

@Html.RenderTemplate() // Default template
@Html.RenderTemplate("<span>More stuff</span>") // Customized template

【讨论】：