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>')

js拆分，在一行的末尾

2 个答案: