通过 Javascript 编码写入屏幕的 Html 助手

Question

我想通过 Javascript 将使用 Html 助手创建的元素添加到屏幕，如下所示：

var element = '<%: Html.TextBoxFor(d => d.Item) %>';
$('body').append(element)

然后如何正确编码该元素，使其安全，同时将 html 写入屏幕？

Answer 1

极其丑陋，但它可能有效：

var element = '<%= Html.TextBoxFor(d => d.Item).ToHtmlString() %>';
$('body').append(element);

如果你想确保正确的编码：

var element = '<%= HttpUtility.JavaScriptStringEncode(Html.TextBoxFor(d => d.Item).ToHtmlString()) %>';
$('body').append(element);

更好的解决方案：

$('body').append(
    $('<input/>', {
        name: 'Item',
        value: '<%= Model.Item %>'
    })
);