无法计算Html编码用法

Question

我正在开发MVC web应用程序。我有一个Razor和JavaScript的页面组合。

Razor:

@{
    ViewBag.Title = "Edit";
    string initialImage = "<img src='/Site_Data/BIO/Bio.jpg' title='BIO'>";
}

JavaScript:

<script type="text/javascript">
    $("#Photos").fileinput({
        initialPreview: [@initialImage],

我想要的是：

<script type="text/javascript">
    $("#Photos").fileinput({
        initialPreview: ["<img src='/Site_Data/BIO/Bio.jpg' title='BIO'>"],

(在源视图中)是：

<script type="text/javascript">
    $("#Photos").fileinput({
        initialPreview: [&lt;img src=&#39;/Site_Data/BIO/Bio.jpg&#39; title=&#39;BIO&#39;&gt;],

我尝试了许多HtmlEncode和HtmlDecode的组合(在Razor和JavaScript部分)，但都找不出答案。请给我建议。谢谢!

Answer 1

默认情况下，asp.net mvc将对您的字符串进行编码。要使用未编码的字符串，请使用Html.Raw( string )：

<script type="text/javascript">
    $("#Photos").fileinput({
        initialPreview: ["@Html.Raw(initialImage)"],

Answer 2

Html.Raw在不执行html编码的情况下呈现给定的内容，因此

@Html.Raw(initialImage);

将呈现为

<img src='/Site_Data/BIO/Bio.jpg' title='BIO'>

在js中，只需使用双qoutes对其进行编码：

<script type="text/javascript">
    $("#Photos").fileinput({
        initialPreview: ["@Html.Raw(initialImage)"],

但是，当有编码字符(如ViewBag.Something = ">"; )时，原始版本是>.，以返回所需的实际html。

Html.Raw(HttpUtility.HtmlDecode(EncodedContent));