代码之家  ›  专栏  ›  技术社区  ›  Joe Phillips

jquery为预览转义HTML

  •  1
  • Joe Phillips  · 技术社区  · 16 年前

    我在jquery中使用一个有序的列表制作了一个非常简单的预览窗口。我担心用户会输入<或>并意外地弄乱页面代码或执行某种XSS。如何使用javascript对特殊字符进行编码来处理这种情况?

    3 回复  |  直到 16 年前
        1
  •  5
  •   Vincent Ramdhanie    16 年前

    如果你使用

    $(yourselector).text("<h1>Your text String</h1>");
    

    然后jquery将显示包含特殊字符的实际文本。如果你使用

    $(yourselector).html("<h1>Your text String</h1>");
    

    然后,HTML特殊字符将在显示时被解释。

    我假设您希望显示用户在列表标记之间输入的文本。

        2
  •  1
  •   tester    16 年前

    你也可以 .wrap A中的元素 <pre> 标签。

    $("#selector").wrap("<pre></pre>");
    
        3
  •  1
  •   Brian Westphal    16 年前

    如果要将转义值存储在变量中,而不是将其呈现到页面,还可以尝试:

    $('<div></div>').text(str).html()