ASP.NET Core MVC的Razor視圖中，使用Html.Raw方法輸出原生的html

本文轉載自查看原文 2019-07-17 10:32 1199 ASP.NET Core/ ASP.NET

我們在ASP.NET Core MVC項目中，有一個Razor視圖文件Index.cshtml，如下：

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <h1>Index</h1>
    @{ 
        string name = "Demo label";
        int value = 1000;
    }
    <div>
        @{ 
            this.Write($"<div>Name:{name}</div>");//輸出到前端頁面的，不會是原生的html語法，"<"和">"變為了轉義之后的"&lt;"和"&gt;"             this.Write(Html.Raw($"<div>Name:{name}</div>"));//輸出到前端頁面的，會是原生的html語法             this.Write($"\r\n");

            this.Write($"<div>Value:{value}</div>");//輸出到前端頁面的，不會是原生的html語法，"<"和">"變為了轉義之后的"&lt;"和"&gt;"             this.Write(Html.Raw($"<div>Value:{value}</div>"));//輸出到前端頁面的，會是原生的html語法         }
    </div>
</body>
</html>

運行該視圖，頁面如下：

所以，在Razor視圖中使用Html.Raw方法就可以輸出原生的html語法到前端頁面了。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 asp.net mvc前台顯示帶htm標簽的解決辦法(Razor —@Html.Raw()) ASP.NET MVC視圖中的@Html.xxx(...) Asp.net MVC Razor視圖模版動態渲染PDF，Razor模版生成靜態Html ASP.NET的視圖(Razor)循環產生html代碼使用asp.net mvc部分視圖渲染html Asp.net MVC在Razor中輸出Html的兩種方式 ASP.NET MVC Razor 輸出沒有編碼的HTML字符串 MVC 中的@Html.Raw 的用法 ASP.NET MVC——Razor視圖引擎 ASP.NET Core Razor 視圖組件