1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < title > react-json-view</ title >
5+ < meta charset ="UTF-8 ">
6+ <!--[if lt IE 9]>
7+ <script>
8+ (function(){
9+ var ef = function(){};
10+ window.console = window.console || {log:ef,warn:ef,error:ef,dir:ef};
11+ }());
12+ </script>
13+ <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
14+ <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script>
15+ <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-shim.js"></script>
16+ <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-sham.js"></script>
17+ <![endif]-->
18+ </ head >
19+ < body >
20+ < div id ="app-container "> </ div >
21+ < script src ="https://unpkg.com/react@15/dist/react.js "> </ script >
22+ < script src ="https://unpkg.com/react-dom@15/dist/react-dom.js "> </ script >
23+ < script type ="text/javascript " src ="./main.js "> </ script >
24+ < link href ="css/materialdesignicons.min.css " media ="all " rel ="stylesheet " type ="text/css " />
25+ < script type ="text/javascript ">
26+ var test_json = {
27+ test : 'this is a test string' ,
28+ sibling : 'sibling_string' ,
29+ another_sibling : 45 ,
30+ basic_array : [ 1 , 2 , 3 ] ,
31+ how_will_array_do : [ 1 , 2 , 3 , 'test' ] ,
32+ how_will_floats_do : - 2.757 ,
33+ parent : {
34+ sibling1 : true ,
35+ sibling2 : false ,
36+ "sibling2.5" : [ 'first' , { 'second' : true } , [ 4 , 5 , 'sixth' ] ] ,
37+ sibling3 : null ,
38+ sibling4 : 'test' ,
39+ 'last-sibling' : {
40+ grand_child : NaN ,
41+ 'grand-child-func' : ( a ) => {
42+ let b = a * a ;
43+ return a . push ( b ) ;
44+ }
45+ }
46+ } ,
47+ number : 1234
48+ } ;
49+
50+ // reactJsonView is a global variable
51+ var jsonView = new reactJsonView . default ( {
52+ src : test_json
53+ } ) ;
54+ ReactDOM . render (
55+ jsonView . render ( ) ,
56+ document . getElementById ( 'app-container' )
57+ ) ;
58+ </ script >
59+ </ body >
60+ </ html >
0 commit comments