웹 페이지의 텍스트 상자에서 json 데이터를 포맷하는 가장 쉬운 방법은 무엇입니까?

Question

현재 일부 웹 페이지에서 python 코드 예제를 포맷하기 위해 edit_area_full.js를 사용하고 있습니다. json 데이터를 꽤 포맷하고 싶지만 edit_area는 json을 지원하지 않는 경우가 있습니다. 웹 페이지의 텍스트 상자에서 json 데이터를 형식화 할 수있는 edit_area를 대체하는 가장 좋은 방법은 무엇입니까?

다음은 어떻게 파이썬 코드를 포맷하는지입니다.

<p><textarea id="code-area" name="user_code" rows="12" cols="80">if True: pass</textarea></p> 

<script language="javascript" type="text/javascript" src="/static/edit_area_full.js"></script> 
    <script language="javascript" type="text/javascript"> 
    editAreaLoader.init({ 
     id: "code-area", 
     syntax: "python", 
     start_highlight: true, 
     allow_resize: "no", 
     font_size: 12, 
     toolbar: "new_document, |, help", 
     replace_tab_by_spaces: 4 
    }); 
    </script> 

Answer 1

당신은 사용하여 수행 할 수 있습니다

• Edit_area_full.js을 '구문'= '자바 스크립트'로. 이렇게하면 멋진 JSON 강조 표시가됩니다.
• 는이 라이브러리를 사용하여 JSON을 포맷 - http://github.com/einars/js-beautify

당신이있어 작업에서 나중에 라이브러리를 테스트 할 수 있습니다 : http://jsbeautifier.org/ 예를 들어

, 내가 공급이 :

var testvar = {asd:[abc,cde,fg,{hello: world},1,2,3],ccc:"aaa",ddd:33,cas:[qwerty,[1,[2],3],4]}; 

그리고 결과에서 이것을 얻었습니다 :

var testvar = { 
    asd: [abc, cde, fg, { 
     hello: world 
    }, 1, 2, 3], 
    ccc: "aaa", 
    ddd: 33, 
    cas: [qwerty, [1, [2], 3], 4] 
};