잠시만 기다려 주세요

HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (888)  |  추천 및 재미 (153)  |  자료실 (20)  |  끄적거림 (520)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2020년 09월 24일
인간의 만족은 끝이 없기에 인내와 절제가 존재한다. - 바다아이
 




    javascript/jquery

javascript/jquery - 자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight
이 름 : 바다아이   |   조회수 : 2554         짧은 주소 : https://www.bada-ie.com/su/?371591874464
<pre id="pretty_json"></pre>

<script>

function jsonPrettyHighlightToId(jsonobj, id_to_send_to) {
    
    var json = JSON.stringify(jsonobj, undefined, 2);
    
    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    json = json.replace
(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, 
	function (match) {
        var cls = 'color: darkorange;';
        if (/^"/.test(match)) {
            if (/:$/.test(match)) {
                cls = 'color: red;';
            } else {
                cls = 'color: green;';
            }
        } else if (/true|false/.test(match)) {
            cls = 'color: blue;';
        } else if (/null/.test(match)) {
            cls = 'color: magenta;';
        }
        return '<span style="' + cls + '">' + match + '</span>';
    });
    
    document.getElementById(id_to_send_to).innerHTML = json;
}

var pseudo_json_object = {a:1, 'b':'foo', c:[true,false,null,'true','false','null', {d:{e:1.3e5,f:'1.3e5'}}]};

jsonPrettyHighlightToId(pseudo_json_object, 'pretty_json');

</script>


출처 : http://alanwsmith.com/pretty-printing-json-via-javascript-or-extension
| |


      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
74 javascript/jquery javascript , ... 바다아이 262
73 javascript/jquery , cookie class 바다아이 813
72 javascript/jquery select 3 바다아이 1209
71 javascript/jquery , ... 바다아이 1748
70 javascript/jquery , timezone, , ... moment.js 바다아이 1878
69 javascript/jquery textarea cursor . focus, cursor ... 바다아이 1802
68 javascript/jquery (block) , ... 바다아이 1743
67 javascript/jquery textarea cursor , , focus 바다아이 2349
66 javascript/jquery jquery ajax option .... 바다아이 1961
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 2015
64 javascript/jquery javascript , , , , () 바다아이 2109
63 javascript/jquery javascript (date ) 바다아이 2201
62 javascript/jquery CSS3 javascript 바다아이 2374
61 javascript/jquery javascript , cookie, , , , , 바다아이 2277
60 javascript/jquery javascript 바다아이 2593
59 javascript/jquery javascript / , , , 바다아이 2817
58 javascript/jquery url , , encode, decode ... 바다아이 2092
57 javascript/jquery javascript ... frame location.href 바다아이 2200
56 javascript/jquery File Upload Progress, .... . 바다아이 2545
현재글 javascript/jquery javascript, json , json Highlight 바다아이 2555
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 2645
53 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 2386
52 javascript/jquery javascript entity , , encode, decode 바다아이 2690
51 javascript/jquery javascript post, get , 바다아이 3893
50 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 2767
49 javascript/jquery jquery autocomplete , , . 바다아이 2522
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 2862
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 2620
46 javascript/jquery Javascript event.keyCode , , ACSII 바다아이 2265
45 javascript/jquery url encode decode , , , javascript 바다아이 3467
| |








Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : vultr.com 서울  실행시간 : 0.04328
to webmaster... gogo sea. gogo sea.