语法高亮是有难度的,但可以查看这个
示例,以漂亮的方式打印在文本区域中输入的json对象。请注意,JSON必须有效才能正常工作。(使用开发控制台捕获错误。)检查
jsLint是否为有效的JSON。
HTML:
<textarea id="myTextArea" cols=50 rows=10></textarea>
<button onclick="prettyPrint()">Pretty Print</button>
js:
function prettyPrint() {
var ugly = document.getElementById('myTextArea').value;
var obj = JSON.parse(ugly);
var pretty = JSON.stringify(obj, undefined, 4);
document.getElementById('myTextArea').value = pretty;
}
首先尝试一些简单的输入,例如: {"a":"hello","b":123}
JSON 的简单格式化输出可以很容易地实现。尝试使用以下 JavaScript 代码: (这里是 jsFiddle 的链接)
var myJsObj = {a:'foo', 'b':'bar', c:[false,2,null, 'null']};
var str = JSON.stringify(myJsObj, undefined, 4);
document.getElementById('myTextArea').innerHTML = str;
对于这个HTML:
<textarea id="myTextArea" cols=50 rows=25></textarea>
查看JSON.stringify文档。
stringify(value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string
- Akhil