Question

如何使用我能够实际看到的新行字符来预览文本？

例如，

而不是：

bla bla
bla
...

我希望看到类似

的内容

bla bla[\n]
bla[\r]
...

但是我想知道它是什么类型的角色，因为有些是\ n而有些是\ r ...

原因是我有两段文字在使用javascript语法高亮功能处理时显然不同，但它们实际上具有相同的内容。

我想知道他们是否真的有不同的行尾字符

Answer 1

您可以将代码放在pre元素中并使用此代码

$('pre').hover( 
    function(){
        var $this = $(this);
        var txt = $this.text();
        $(this).html( txt.replace('\n','[\\n]\n','g').replace('\r','[\\r]\r','g') );
    },
    function(){
        var $this = $(this);
        var txt = $this.text();
        $(this).html( txt.replace('[\\n]\n','\n','g').replace('[\\r]\r','\r','g') );
    }
 );

当您将鼠标悬停在\n元素上时，它会显示\r和pre。

示例 http://jsfiddle.net/gaby/hYnbS/

Answer 2

使用Javascript：

function raw(str){
    return str.replace(/\t/g,'\\t').replace(/\r\n/g,'\\r\\n').replace(/\r/g,'\\r').replace(/\n/g,'\\n');
}

如果您不关心\t，请将其删除。

查看间距/换行符

2 个答案: