├── README.md ├── fonts ├── fontawesome-webfont.eot@ ├── fontawesome-webfont.eot@v=4.2.0 ├── fontawesome-webfont.ttf@v=4.2.0 ├── fontawesome-webfont.woff@v=4.2.0 ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.eot@ ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff ├── css ├── jquery.numberedtextarea.css ├── base.css └── font-awesome.min.css ├── js ├── jquery.message.js ├── jquery.numberedtextarea.js ├── jquery.json.js ├── jquery.json2xml.js ├── jquery.xml2json.js ├── json2.js ├── jsonlint.js └── bootstrap.min.js ├── code.html ├── json ├── code.html ├── component.html └── wiki.html ├── component.html ├── index.html └── wiki.html /README.md: -------------------------------------------------------------------------------- 1 | # json 2 | json 在线格式化工具 3 | -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot@: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/fontawesome-webfont.eot@ -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot@v=4.2.0: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/fontawesome-webfont.eot@v=4.2.0 -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf@v=4.2.0: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/fontawesome-webfont.ttf@v=4.2.0 -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff@v=4.2.0: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/fontawesome-webfont.woff@v=4.2.0 -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot@: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/glyphicons-halflings-regular.eot@ -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/speed/json/master/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /css/jquery.numberedtextarea.css: -------------------------------------------------------------------------------- 1 | 2 | div.numberedtextarea-wrapper { position: relative; } 3 | 4 | div.numberedtextarea-wrapper textarea { 5 | display: block; 6 | -webkit-box-sizing: border-box; 7 | -moz-box-sizing: border-box; 8 | box-sizing: border-box; 9 | } 10 | 11 | div.numberedtextarea-line-numbers { 12 | position: absolute; 13 | display: none; 14 | background-color: #fafafa; 15 | top: 0; 16 | left: 0; 17 | right: 0; 18 | bottom: 0; 19 | width: 40px; 20 | border-right: 1px dashed #eee; 21 | border-bottom:solid 1px #ddd; 22 | color: #999; 23 | overflow: hidden; 24 | } 25 | 26 | div.numberedtextarea-number { 27 | padding-right: 6px; 28 | text-align: center; 29 | } 30 | -------------------------------------------------------------------------------- /css/base.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family:Menlo,Monaco,Consolas,"Helvetica Neue",Helvetica,"Courier New",'微软雅黑', monospace, Arial,sans-serif,'黑体'; 3 | color: #555; 4 | } 5 | a{ 6 | display: inline-block; 7 | text-decoration: none; 8 | font-family: Menlo,Monaco,Consolas,'微软雅黑'; 9 | color: #29abe2; 10 | } 11 | .green{ 12 | color:#0fd59d; 13 | } 14 | .red{ 15 | color:#f98280; 16 | } 17 | .blue{ 18 | color:#29abe2; 19 | } 20 | input:focus, textarea:focus { 21 | outline: none; 22 | } 23 | a:hover{ 24 | text-decoration: none; 25 | color: #15b374; 26 | } 27 | .label-success{ 28 | background-color: #0fd59d; 29 | } 30 | .header{ 31 | box-shadow: 0px 0px 1px #e5e5e5; 32 | border-bottom: solid 1px #d5d5d5; 33 | padding: 0px; 34 | } 35 | .logo{ 36 | text-decoration: none; 37 | font-weight: bold; 38 | font-size: 24px; 39 | color: #0fd59d; 40 | padding: 10px; 41 | } 42 | .navi{ 43 | padding:5px 20px; 44 | font-size:14px; 45 | font-weight:bold;font-family:Menlo,Monaco,Consolas,"Courier New",monospace, "Helvetica Neue",Helvetica,Arial,sans-serif,'幼圆' 46 | } 47 | .navi a{ 48 | padding: 0px 20px; 49 | color: #999; 50 | } 51 | .navi a:hover{ 52 | color: #15b374; 53 | } 54 | -------------------------------------------------------------------------------- /js/jquery.message.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery Message Plugin (with Transition Definitions) 3 | * Examples and documentation at: http://eadmarket.com/ 4 | * Copyright (c) 2012-2013 China.Ren. 5 | * Version: 1.0.2 (19-OCT-2013) 6 | * Dual licensed under the MIT and GPL licenses. 7 | * http://jquery.malsup.com/license.html 8 | * Requires: jQuery v1.3.1 or later 9 | */ 10 | var container=$('#jquery-beauty-msg'); 11 | if(container.length<=0){ 12 | $("body").append('
'); 13 | container=$('#jquery-beauty-msg'); 14 | } 15 | var containerStyle='color:#e1282b;font-family:"微软雅黑";font-weight:bold;font-size:20px;text-shadow:5px 5px 10px #bbb;' 16 | +'text-align:center;margin:0;padding-top:20%;width:100%;word-break:break-all;z-index:100000;'; 17 | var closeFlag=false; 18 | var timer=0; 19 | var msgContent=''; 20 | $.msg=function(txt,style,obj,delay){ 21 | msgContent=txt; 22 | 23 | if(obj!="undefined"&&obj!=null){ 24 | containerStyle+='position:relative;top:'+$(obj).attr('top')+';left:'+$(obj).attr('left')+';'; 25 | } 26 | else{ 27 | containerStyle+='position:fixed;top:0;left:0;'; 28 | $(container).attr('style',containerStyle+style); 29 | $(container).html(msgContent); 30 | $(container).fadeIn(300,function(){ 31 | $(container).animate({fontSize:'40px'},'300'); 32 | $(container).delay(1000).fadeOut(); 33 | }); 34 | } 35 | } 36 | function addDot(){ 37 | msgContent=msgContent+"."; 38 | $(container).html(msgContent); 39 | timer=timer+1; 40 | if(!closeFlag&&timer>=5){ 41 | $(container).html("操作超时!"); 42 | window.clearInterval(); 43 | } 44 | } 45 | $.loading=function(txt,action){ 46 | msgContent=txt; 47 | containerStyle+='position:fixed;top:0;left:0;'; 48 | $(container).attr('style',containerStyle+"color:blue;"); 49 | $(container).html(msgContent); 50 | if(action!="close"){ 51 | $(container).fadeIn(300,function(){ 52 | $(container).animate({fontSize:'40px'},'300'); 53 | }); 54 | window.setInterval("addDot",1000); 55 | 56 | }else{ 57 | window.clearInterval(); 58 | closeFlag=true; 59 | $(container).fadeOut(); 60 | } 61 | } -------------------------------------------------------------------------------- /js/jquery.numberedtextarea.js: -------------------------------------------------------------------------------- 1 | /* 2 | * NumberedTextarea - jQuery Plugin 3 | * Textarea with line numbering 4 | * 5 | * Copyright (c) 2015 Dariusz Arciszewski 6 | * 7 | * Requires: jQuery v2.0+ 8 | * 9 | * Licensed under the GPL licenses: 10 | * http://www.gnu.org/licenses/gpl.html 11 | */ 12 | 13 | (function ($) { 14 | 15 | $.fn.numberedtextarea = function(options) { 16 | 17 | var settings = $.extend({ 18 | color: null, // Font color 19 | borderColor: null, // Border color 20 | class: null, // Add class to the 'numberedtextarea-wrapper' 21 | allowTabChar: false, // If true Tab key creates indentation 22 | }, options); 23 | 24 | this.each(function() { 25 | if(this.nodeName.toLowerCase() !== "textarea") { 26 | console.log('This is not a