환영합니다. 바다아이 홈페이지 입니다.

'왜 이재명은 자꾸만 국민들 보고 길바닥에 나가라고 하는 건가.. 정작 당신들은 뜨뜻한 곳에서 입만 나불거리고 있으면서...'

이번주 로또 및 연금번호 발생!! |

HOME |

여기는? |

바다물때표 |

알림 (19) |

여러가지 팁 (1095) |

추천 및 재미 (163) |

자료실 (28) |

시사, 이슈, 칼럼, 평론, 비평 (789) |

끄적거림 (142) |

문예 창작 (719) |

바람 따라 (75) |

시나리오 (760) |

드라마 대본 (248) |

살인!

리눅스 데스크탑 (248)
리눅스 서버 (155)
윈도우 관련 (8)
freebsd 데스크탑 (31)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (48)
html5 (4)
golang (180)
php (2)
디자인 관련 (1)
javascript/jquery (77)
DATABASE (9)
postgresql (45)
mariadb, mysql (38)
생활/쇼핑 (39)
컴퓨터/핸드폰 (46)
종교/자선 (3)
요리관련 (22)
음식관련 (15)
의학관련 (9)
건강/운동 관련 (13)
주식, 금융관련 (3)
자동차, 운전 관련 (21)
기계 관련 (10)
스포츠 관련 (1)
과학, 수학관련 (1)
문학관련 (8)
좋은 글 (8)
낚시관련 (1)
원예관련 (9)

현재 접속자

바다아이에게 후원하기

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

리눅스 설명

javascript 줄 맞추기

Hits :

javascript/jquery

javascript/jquery - 자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight

이 름 : 바다아이 | 조회수 : 10179

Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
}

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
 font-style: italic;
}
</style>
<pre>
<code class="hljs">&lt;pre id=&quot;pretty_json&quot;&gt;&lt;/pre&gt;

&lt;script&gt;

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

jsonPrettyHighlightToId(pseudo_json_object, &#39;pretty_json&#39;);

&lt;/script&gt;

출처 : http://alanwsmith.com/pretty-printing-json-via-javascript-or-extension
</code></pre>

짧은 주소 : 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
번 호	카테고리	제 목	이름	조회수
77	javascript/jquery	자바스크립트 이미지 확인 함수....	바다아이	326
76	javascript/jquery	스크롤해도 상단에 고정되는 메뉴 만들기, 스크롤 상단에 레이어 고정.	바다아이	8252
75	javascript/jquery	자바스크립트 스크롤을 문서 화면 상단, 하단으로 이동하기. 스크롤을 시작, 끝으로 이동하기	바다아이	6439
74	javascript/jquery	javascript 서버시간 가져오기, 서버날짜 가져오기...	바다아이	8301
73	javascript/jquery	자바스크립트 쿠키 클래스, cookie class	바다아이	8915
72	javascript/jquery	select 박스 3단 카테고리	바다아이	9892
71	javascript/jquery	자바스크립트 해당 년월의 마지막 날짜 구하기, 이번달 마지막 일 구하기...	바다아이	9153
70	javascript/jquery	자바스크립트 타임존 변환, timezone, 날짜, 시간 관련 편하게 작업하기... moment.js	바다아이	11864
69	javascript/jquery	textarea 의 특정 커서 cursor 위치에 문자 삽입하기. focus, 커서 cursor 위치 구하기...	바다아이	11572
68	javascript/jquery	마우스 블럭(block) 선택한 텍스트 가져오기, 마우스로 웹페이지 본문 선택한 문자만큼 가져오기...	바다아이	9455
67	javascript/jquery	textarea 특정 위치에 커서 cursor 를 옮기기, 위치시키기, focus	바다아이	12986
66	javascript/jquery	jquery ajax option 옵션 총 정리....	바다아이	10000
65	javascript/jquery	jquery open api 개발, ajax JSONP cross domain 문제, 서로 다른 도메인 문제 해결하기, error 0 문제... sop 문제	바다아이	9618
64	javascript/jquery	javascript 자바스크립트 소수점, 자리수, 반올림, 올림, 내림(버림)	바다아이	10608
63	javascript/jquery	javascript 현재시각 표시하는 디지털 시계 만들기 (date 객체)	바다아이	10750
62	javascript/jquery	CSS3 회전 속성과 javascript를 활용한 아날로그 시계	바다아이	11431
61	javascript/jquery	javascript 자바스크립트 쿠키, cookie, 만들기, 저장, 삭제, 가져오기, 얻기	바다아이	10515
60	javascript/jquery	javascript 자바스크립트 날짜 계산하는 다양한 방법	바다아이	11237
59	javascript/jquery	자바스크립트 javascript 한/영타 변환기, 한영, 한글, 영어	바다아이	14852
58	javascript/jquery	url 인코드, 디코드, encode, decode 예제...	바다아이	9691
57	javascript/jquery	javascript 자바스크립트 프레임 페이지 이동... frame location.href	바다아이	15371
56	javascript/jquery	File Upload Progress, 파일 업로드 프로그레스바.... 업로드 진행바 구현.	바다아이	10198
현재글	javascript/jquery	자바스크립트 javascript, json 데이터 이쁘게 출력하기, json Highlight	바다아이	10180
54	javascript/jquery	자바스크립트 javascript json 사용하기, 출력하기, JSON.stringify, JSON.parse, 변환	바다아이	11662
53	javascript/jquery	자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점...	바다아이	10190
52	javascript/jquery	자바스크립트 javascript 엔티티 entity 인코딩, 디코딩, encode, decode	바다아이	10494
51	javascript/jquery	자바스크립트 javascript post, get 값 파라미터 받기, 구하기	바다아이	12461
50	javascript/jquery	자바스크립트 text copy, 복사, How to copy a TEXT to Clipboard on a Button-Click	바다아이	10560
49	javascript/jquery	jquery autocomplete 자동완성 한글 입력시 문자, 검색어, 창 사라지는 문제.	바다아이	10190
48	javascript/jquery	자바스크립트 javascript, jquery, 검색어 자동완성 기능, autocomplete	바다아이	11219
1 2 3
\| \|

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