如何将编码标签呈现为正确的HTML而不是文本？

Question

我从数据库中获取以下文本:(由客户提供，所以我不能用它做多少）

investment professionals.<BR /><BR /> blah blah blah

它被渲染为：

investment professionals.<BR /><BR /> blah blah blah

我不想在屏幕上打印<BR />标签。 我希望他们表现得像实际的休息一样。

以下Html Helper代码构建它所存在的范围，将其添加到div并返回HTML字符串：

StringBuilder sbElements = new StringBuilder();

TagBuilder span = new TagBuilder("span") {InnerHtml = subject.AboutText};
sbElements.Append(span.ToString());

TagBuilder div = new TagBuilder("div");
div.MergeAttribute("class", "about-text");
div.InnerHtml = sbElements.ToString();

return div.ToString();

如果我Html.Encode()帮助方法的输出，编码标签 - />< - 写到屏幕上。 如何获取我的源文本并确保标记呈现为HTML而不是文本？

Answer 1

如果您使用Razor，它将对您的字符串进行双重编码，如@Chevex所述。 如果您使用新的MVC3 <%: %>语法，它也会对它进行双重编码。 无论您的视图引擎如何，您都可以使用@Chevex描述的IHtmlString路由（例如，MvcHtmlString）或使用不同的模板语法绕过默认编码来解决编码问题。

后者不需要更改任何代码，只需要调整用于渲染视图的语法。

对于剃刀：

@Html.Raw(yourvariable)

对于MVC的默认视图模板系统：

<%=yourvariable%>

Answer 2

尝试这个：

    String Input = "investment professionals.<BR /><BR /> blah blah blah";

    String Output = Server.HtmlDecode(Input);

Answer 3

将div.ToString()返回到MvcHtmlString.Create(div.ToString())并将方法返回类型改为MvcHtmlString而不是string 。 这将阻止视图引擎自动编码输出。

返回MvcHtmlString是通过辅助方法呈现HTML输出的标准做法。

发生的事情是您正在解码数据库中的值，并且视图引擎在呈现时对其进行重新编码。 除非是MvcHtmlString否则Razor视图引擎会自动对视图中的输出进行HTML编码。 返回MvcHtmlString将阻止它发生。

public static MvcHtmlString MyNonHtmlEncodedOutput(this HtmlHelper html)
{
        StringBuilder sbElements = new StringBuilder();

        TagBuilder span = new TagBuilder("span") {InnerHtml = Server.HtmlDecode(subject.AboutText)};
        sbElements.Append(span.ToString());

        TagBuilder div = new TagBuilder("div");
        div.MergeAttribute("class", "about-text");
        div.InnerHtml = sbElements.ToString();

        return MvcHtmlString.Create(div.ToString());
}

Answer 4

你可以试试这个：

 String Input = "<p>New Appartments is Avaliable at very Reasonable Price</p>";
 String Output = Server.HtmlDecode(Input);
 string _output = System.Text.RegularExpressions.Regex.Replace(Output, "<.*?>", string.Empty);

Answer 5

你实际上想要使用Html.Decode(string) 。 这将转换编码字符，如< 到< 。

Answer 6

只是将我的发现添加到这个问题，因为我正在努力以这种方式使用×。

默认情况下，SetInnerText（）将对所有文本进行html编码，而InnerHtml不会编码任何内容，因为它需要原始的html。

因此，如果我有正确的方法，你必须首先解码你的文本字符串以获得未编码的标签（即<br/> ），然后将其设置为InnerHtml属性，标签将呈现为html。

所以你会有类似的东西

element.InnerHtml = Server.HtmlDecode(yourText);