Question

我已经搜索了我的问题的解决方案，但遗憾的是找不到任何有用的东西，所以我想知道你们是否可以帮助我。

我希望输入文本区域的HTML代码能够在同一页面上的DIV元素中实时呈现。目前，我有：

$('#codeBox').keyup(function() {
    var keyed = $('#codeBox').val();
    $("#preview").html(keyed);
});

我希望我格式正确。这很可能（并且通常是）'答案就在我面前一直在'，对不起，如果是这样的话！

我的代码有问题吗？你们可以提出另一种选择吗？

提前谢谢。

Answer 1

您不能在元素的 innerHTML 中添加大于或小于符号，因此您需要使用实体，因为大于和小于符号：

$('#codeBox').keyup(function() {
  var keyed = $('#codeBox').val();
    keyed = keyed.replace(/</g, "&lt;")
    keyed = keyed.replace(/>/g, "&gt;")
  $("#preview").html(keyed);
});

<强> DEMO

来自DIV中呈现的文本区域的HTML代码

1 个答案: