2

我正在制作一个网页,它将获取它自己的 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++;
                    }

                });
4

2 回答 2

0

所以我$.each像这样使用了这个功能......

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

这将逐渐将条纹 html 代码添加到 div 并使其看起来像它的一行一行

于 2012-10-16T07:47:13.517 回答
0

要使用 html 换行符替换换行符,您可以在换行符上拆分,然后使用 html 换行符加入数组:

themehtml.split("\n").join('<br>')
于 2012-10-16T09:03:45.547 回答