Как вывести код красиво?

Question

[Алексей]

Всем привет! Для подсветки кода использую highlightjs, но например для вывода json нужно на стороне php вывести массив так: json_encode($data, JSON_PRETTY_PRINT)
Тогда код становится читабельным (каждый элемент получается с новой строки), есть ли какой-то js плагин, который сделает это на лету, не зависимо от способа вывода на страницу со стороны php?

Чтобы получилось так:

{ 
     "name": "Вася", 
     "age": 35, 
     "isAdmin": false, 
     "friends": [0,1,2,3]
}

Дополню чуть вопрос. В общему мне нужно средставми javascript/jquery сделать из такого JSON (он УЖЕ ЕСТЬ на странице):

{"indent_size": 4, "html": {"end_with_newline": true, "js": {"indent_size":  },"css": {"indent_size": 2}},"css": { "indent_size": 1 },"js": {"preserve-newlines": true}}

Такой:

{
    "indent_size": 4,
    "html": {
        "end_with_newline": true,
        "js": {
            "indent_size": 2
        },
        "css": {
            "indent_size": 2
        }
    },
    "css": {
        "indent_size": 1
    },
    "js": {
       "preserve-newlines": true
    }
}

Comments

[xmoonlight]

Есть более лучшая (ИМХО) альтернатива подсветки кода с множеством стилей и плагинов: prismjs.com
Попробуйте посмотреть на неё...

[vasIvas]

вы об этом? https://www.npmjs.com/package/js-beautify

Answer 1

[RidgeA]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[Kovalsky]

Я ничего не понял в вопросе, но кажется JSON.stringify это как раз то что нужно, например как-то так:

HTML
<pre id="pretty_code"></pre>

JS

obj = {
    value: 2,
    inner_object: {
        other_value: 'string',
        number: 567
    }
};

pretty_code.textContent = JSON.stringify(obj, null, 4);

[Алексей]

Да, это скорее всего то, что надо, правда если сделать так:JSON.stringify({"id": 17}, null, '\t');
А если тоже самое будет в теге code и делать так: JSON.stringify($('code').text(), null, '\t');
то к каждому параметру с кавычкой просто добавляются слеши. и получается вот это: {\"id\": 17}

[Алексей]

А вот. сделал так и все суппер:

JSON.stringify(JSON.parse($('code').text()), null, '\t')