JSON 편집기 구현 code_json

일부 JSON 데이터를 입력하거나 붙여넣어 올바른지 확인할 수 있습니다.
Tab 키를 누르면 자동으로 전체 텍스트를 들여쓰고 서식을 지정합니다.


JSON 편집기
핵심 코드

코드 복사 코드는 다음과 같습니다.

';
this.msgUI.className=type;
},
show:function (ico,id){/* 트리 노드 표시 및 숨기기*/
var subView=ico.parentNode. parentNode .childNodes[1].style,J=this.ico;
if(subView.display=='none'){
subView.display=''
ico.src=J[id ] ;
}else{
subView.display='none';
ico.src=J[id 'c']
},
선택:함수 ( 보낸 사람){
var sub=sender.parentNode.parentNode.getElementsByTagName("INPUT")
for (var i=0;i}
};
JE.add=function(){
this.msg('함수를 추가하는 중입니다...*_^')
JE.editItem=function(){
this.msg('함수를 추가하는 중입니다...*_^')
}
JE.begin=function(){/* UI 제어 관련 응답 */
var $=function (id){return document.getElementById(id)}
/* 관련 UI */
JE.editUI=$("json_eidit"); 🎜>JE.msgUI=$("json_editInfo");
JE.treeUI=$("tree")
var updateUI=$("update")
var auto=$("autoUpdate ");
varfontSize=$("fontSize");
/* 트리 항목 클릭*/
JE.onclick=function(item){
var key='키 이름: ',
val=' 키 값: ' (item.getAttribute('val')==''?'회원 목록' :''),
add=' New',
edit='Modify'
JE.msg(key val add edit , 'info');
}
/* 코드 변경 이벤트 수신*/
JE.editUI.oninput=JE.editUI.onpropertychange=function (){
if(JE.formating) return; /* 형식을 지정해도 트리가 새로 고쳐지지 않습니다.*/
if(/^s*$/.test(this.value))return JE.msg('JSON 형식으로 코드를 입력하세요!'); 🎜>clearTimeout( JE.update);
try{JE.data=eval('(' this.value ')')
}catch(e){
JE.editUI.style.color ='red' ;
return JE.msg("소스 코드에 오류가 있습니다: " e.description ' , 편집 중인 경우 이 메시지를 무시하세요!','err'); ;
JE.editUI.style.color='#000';
if(auto.checked||JE.firstUp){/*동기화된 경우*/
JE.msg('구문이 정확합니다. , 트리가 재구성되는 중입니다.
JE.update=setTimeout(function(){
JE.toTree();
},450); 🎜>}else{
JE.msg('구문이 정확합니다. 새로고침을 클릭하거나 보기 동기화 스위치를 켜거나 계속 편집하세요!')
}
return true; ;
if(window.ActiveXObject)
document .execCommand("BackgroundImageCache", false, true);
/* 탭 가로채기, 자동 서식*/
JE.editUI.onkeydown=function () {
if(event.keyCode==9) {$('format_indent').onclick();event.returnValue=false;}
JE.code=this.value;
>/* 형식화*/
var format= function(compress){
var code=JE.format(JE.editUI.value,compress)
JE.formating=true
if( code)JE.editUI.value=code;
JE.editUI.focus();
setTimeout(function(){JE.formating=false;},1000)
반환 코드; }
/* 도구 모음 버튼*/
$('format_indent').onclick=function (){if(format())JE.msg('전체 들여쓰기 스타일 변환,' JE.countInfo)}
$('format_compress').onclick= function (){if(format(true)!=undefine)JE.msg('컴팩트 스타일 변환 완료,' JE.countInfo);}
updateUI.onclick=function ( ){
JE.firstUp=true ;
JE.editUI.onpropertychange()?JE.msg('보기가 새로 고쳐졌습니다!'): JE.msg('데이터가 잘못되었습니다. 새로 고치지 못했습니다!','err ')
JE.firstUp=false ;
};
$('clear_txt').onclick=function (){JE.editUI.value=JE.treeUI.innerHTML='';JE.editUI .focus();}
auto .onclick=function (){JE.msg('뷰 기능 자동 동기화' (this.checked?'On':'Off!'));}; * 다른 이름으로 저장*/
if(/ *@cc_on !@*/true){$('save_as').style.display='none'}
$('save_as').onclick=function (){
var d=document, w=d.createElement('IFRAME')
w.style.display="none";
d.body.appendChild(w); setTimeout(function(){
var g =w.contentWindow.document;
g.charset = 'utf-8';
g.body.innerHTML=JE.editUI.value;
g .execCommand("saveas",'', " json.txt") ;
},1);
}
}; 여기서 시작*/
window.onload= 함수(){
JE.begin()
}
// -->