ASP.NET后置代码生成jQuery Dialog时HTML标签无法解析渲染

标签被渲染为纯文本的核心原因是转义逻辑混淆了JS转义和HTML转义规则，和jQuery Dialog组件无关：

• 前端正常实现的逻辑是：从DOM节点通过.html()读取原始HTML字符串，拼接为新的DOM结构，浏览器接收到的是未被转义的原生标签，可直接解析渲染。
• 后端实现存在三个核心错误：
  • MessageBoxText属性的处理顺序完全错误：先将所有<、>替换为HTML字符实体<、>，再替换换行符为<br />，最终传入的原始内容里的<i>、<br>等标签全部被转义为普通文本字符，浏览器不会识别为HTML标签。
  • 直接将字符串拼接为HTML传入jQuery构造函数，没有和前端逻辑保持一致，特殊字符容易触发解析异常。
  • Render方法重复输出脚本：同时调用RegisterStartupScript和output.Write输出同一段脚本，可能引发不可预期的执行异常。

1. 修正MessageBoxText属性的处理逻辑 #

删除主动替换<、>为HTML字符实体的逻辑，仅处理JS字符串特殊字符，换行替换调整到最前执行：

Public Property MessageBoxText As String
    Get
        Return _messageBoxText
    End Get
    Set(value As String)
        If String.IsNullOrEmpty(value) Then
            _messageBoxText = String.Empty
            Return
        End If
        ' 优先替换换行符为<br>标签，不修改原始内容里的HTML标签
        Dim processedText = value.Replace(ChrW(13) & ChrW(10), "<br />") _
                                 .Replace(ChrW(10), "<br />") _
                                 .Replace(ChrW(13), "<br />")
        ' 仅做JS字符串转义，不做HTML编码，避免破坏标签结构
        processedText = processedText.Replace("\", "\\") _
                                     .Replace("'", "\'") _
                                     .Replace("""", "\""")
        _messageBoxText = processedText
    End Set
End Property

注意：传入弹窗内容时，HTML标签闭合语法要正确，比如斜体标签闭合应该写</i>，不要写<i/>，否则会导致样式渲染异常。

2. 统一DOM生成逻辑，和前端实现保持一致 #

不要直接把内容拼在HTML字符串里传给jQuery，改为先创建DOM节点，再通过.html()方法注入内容，从根源避免字符串解析异常：
把BuildScript方法中原来直接拼接弹窗DOM的代码行：

script.AppendLine($"        $('<div class=""consioDialogContainer""><i class=""fas fa-5x {MessageBoxIcon} consioDialogIcon""></i><h2>{MessageBoxTitle}</h2><p>{MessageBoxText.Replace("'", "\'")}</p></div>').dialog({{")

替换为以下逻辑：

' 单独处理标题的JS转义，标题用text注入避免HTML解析
Dim safeTitle = MessageBoxTitle.Replace("\", "\\").Replace("'", "\'").Replace("""", "\""")
script.AppendLine($"        const $dialog = $('<div class=""consioDialogContainer""></div>');")
script.AppendLine($"        $dialog.append($('<i class=""fas fa-5x {MessageBoxIcon} consioDialogIcon""></i>'));")
script.AppendLine($"        $dialog.append($('<h2></h2>').text('{safeTitle}'));")
script.AppendLine($"        $dialog.append($('<p></p>').html(`{MessageBoxText}`));")
script.AppendLine($"        $dialog.dialog({{")

3. 清理重复脚本输出 #

删除Render方法中的output.Write(BuildScript())代码，仅保留RegisterStartupScript注册逻辑即可，避免同一段脚本重复执行引发异常。

验证方式 #

修改完成后，查看页面渲染后的源代码，找到输出的JS片段，确认.html()方法传入的内容中<br>、<i>等标签是原生尖括号格式，而非<br>这类字符实体，此时弹窗内的斜体、换行效果即可正常生效。

内容的提问来源于stack exchange，提问作者thokin