js split，在行尾

Question

我正在制作一个网页，该网页将自行获取其html代码，然后替换所有有害的html代码（例如<和>并将其更改为与之对应的ascii，这样它不会歪斜，但看起来像是在写给用户也。

我需要它来分隔行，通过使用中断行html代码<br />或以其他方式通过以太来区分，通过使用themehtml.split("\\n");我知道我有多少行

所以问题是“我需要一种在行尾添加换行符的方法”

这是我大部分的js代码，可以帮助解决这个问题

$(".edit_html_button").click(function()
                {
                    var themehtml = $(".wrapper").html();
                    var oldhtml = _grubber_blog.html();

                    themehtml = themehtml.replace(/</g, "&#60;"); //slowly removing html codes
                    themehtml = themehtml.replace(/>/g, "&#62;"); //slowly removing html codes
                    themehtml = themehtml.split(' ').join('&#32;');//slowly removing html codes

                    themehtml = ("<div class='numberboxleft'></div><div class='edit_theme' contenteditable='true'>"+themehtml+"</div>");

                    themehtml = themehtml.split("\n");  

                    //alert(themehtml);

                    _grubber_blog.css("background-color", "#fff");
                    $("#tiptip_holder").remove();   
                    $("._grubber_blog_customize").html(" ");    
                    $("._grubber_blog_customize").html(themehtml);

                    //adds the numbers up the left side

                    var e = 0;
                    var lenght = themehtml.length;
                    var numbers = "";

                    while (e < lenght){
                        numbers = $(".numberboxleft").html();
                        $(".numberboxleft").html(numbers + e + "<br />");
                        e++;
                    }

                });

Answer 1

所以我像这样使用$.each函数...

$.each(themehtml, function(){
                        var grad =  $("._grubber_blog_customize").html();                   
                        $("._grubber_blog_customize").html(grad+this+"<br />");             
                    });

这将逐步将条带化的html代码添加到div中，并使其看起来像逐行

Answer 2

要用html换行符替换换行符，请分割换行符，然后使用html换行符将数组加入数组：

themehtml.split("\n").join('<br>')