javascript - 如何在 div.html() 方法中保留标记语言

Question

我想要的是允许用户能够在 div 元素中编写标记语言因此，如果这是一个脚本，那么 writemarkup = .....

<script type="text/magicTemplate" id="scriptId">
var div = document.createElement("div"),
    span = document.createElement("span");

span.textContent = data.foo;

div.appendChild(span);

return div;
</script>

我需要将其写在 div.html(writemarkup) 中；

我尝试对服务器端的所有文本进行 htmlencode，然后将其写入 .html() 中，但脚本标记丢失，因为 .html() 实际上解码了所有内容

Dim messageUrlEncoded As String = System.Web.HttpContext.Current.Server.HtmlEncode(message)

顺便说一句，文本最初来自文本区域

这就是我写出消息的方式

    var divMessage = $("<div/>");
    $(divMessageOuter).append(divMessage);
    $(divMessage).attr("class", "divmessage");
    $(divMessage).html(message);

输出为:

<script&nbsp;type="text/magicTemplate"&nbsp;id="scriptId"><br />&nbsp;&nbsp;var&nbsp;div&nbsp;=&nbsp;document.createElement("div"),<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;span&nbsp;=&nbsp;document.createElement("span");<br /><br />&nbsp;&nbsp;span.textContent&nbsp;=&nbsp;data.foo;<br /><br />&nbsp;&nbsp;div.appendChild(span);<br /><br />&nbsp;&nbsp;return&nbsp;div;<br /></script>

Answer 1

您是否尝试过 .text() 而不是 .html()？

更新:

您是否尝试过使用 .text() 而不先对服务器上的输出进行 HTML 编码？

最终更新

你试过这个吗？

$(divMessage).text(message.replace('<br />', '\r\n'));