Javascript 用html实体替换预览中的部分div

在我的脚本中，我可以通过单击“预览”按钮预览输出

在我的pre标记中，如果有一个打开的

和关闭的

找到了

，我如何用我尝试过的html实体替换它

$('.preview pre').html(str.replace(/</g, "&lt;").replace(/>/g, "&gt;"));    

---

我已经为只检测

div

元素创建了一个for循环，并删除了所有

。这有点难看，但效果很好

$（“#预览问题”）。在（'click'，函数（e）{
变量编辑器=$（'#问题'）.val（）；
$（'.preview'）.html（editor.replace（/\n/g，
'）；
$（'.preview pre'）.next（'br'）.remove（）；
如果（$（'.preview'）.find（“pre”）.length>0{
变量$str=$（'.preview-pre'）；
var pre=$str.html（）；
$str.html（“”）；
pre=pre.replace（/
/g，“\n”）
对于（t=0；t.面板标题{
背景色：#4d525b；
边框颜色：无；
颜色：#FFFFFF；
}

标题
问题:
你好，这是一些代码
提交
预览

您是否只需要传递br标记？您可以尝试匹配所有lt和gt符号，然后比较>之前的两个符号和>之后的两个符号

<script type="text/javascript">
$('#preview-question').on('click', function (e) {
    var editor = $('#question').val(); 
    $('.preview').html(editor.replace(/\n/g, '<br/>'));
    $('.preview pre').next('br').remove();

    if ($('.preview').find("pre").length > 0){ 
        var str = $('.preview pre').html(); 
        $(".preview pre div").replaceWith("&lt;div&gt;");
        //$('.preview pre').html(str.replace(/</g, "&lt;").replace(/>/g, "&gt;").next('div'));  
        $('.preview pre').html(str);    
        $('pre').each(function(i, block) {
            hljs.highlightBlock(block); 
        });
    }
}); 
</script>