javascript - 为什么这个 标签中没有换行符？

Question

我正在使用 highlight.js显示我从 pubnub 接收到的一些 JSON订阅。它正在为文本着色，但没有按预期添加换行符(通过 their demos )。此外，文档中的几个地方给人的印象是库生成了新行。请参阅 useBR 选项 here .

这是我当前的代码(我尝试了一些不同的东西):

pubnub.subscribe({
    channel : 'TEST',
    message : function(m){
        console.log(m);
        var hlt = hljs.highlight('json',m);
        $('#jsonOutput').html("<pre>" + hlt.value + "</pre>");
    }
});

这是 DOM 的样子:

但这是输出:

如何获取换行符？我希望它看起来像这样:

{
    "id":"TESTWIDGET1",
    "value":371,
    "timestamp":"2016-08-31T11:39:57.8733485-05:00"
}

fiddle :https://jsfiddle.net/vgfnod58/

Answer 1

您的代码中没有任何换行符。当格式化 json 字符串时，突出显示功能将仅应用格式化选项。您的字符串只是一行。因此，您必须先以正确的格式导入它，然后才能突出显示它:

function print_r(object,html){
    if(html) return '<pre>' +  JSON.stringify(object, null, 4) + '</pre>';
    else return JSON.stringify(object, null, 4);
}  

var m = {"id":"TESTWIDGET1","value":351,"timestamp":"2016-08-31T12:03:24.3403952-05:00"};
var hlt = hljs.highlight('json',print_r(m));
$('#codehere').html(hlt.value);

请注意，我将 var m 从字符串更改为对象(只需删除模糊的 ')。

工作 fiddle :https://jsfiddle.net/WalterIT/vgfnod58/2/