JSON-to-HTML-Converter/sample.html at master · vinodselvin/JSON-to-HTML-Converter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
    <body>

        <script src="json-to-html-library.js"></script>

        <script>

var data_input = [
   {
      "tag":"h3",
      "id":"table-head",
      "class":"table-head",
      "html":"Top 3 Coders in India"
   },
   {
      "tag":"table",
      "id":"sample-table",
      "class":"table-class",
      "border":"1",
      "_child":[
         {
            "tag":"tr",
            "_child":[
                {
                   "tag":"th",
                   "html":"Rank"
                },
                {
                   "tag":"th",
                   "html":"Full Name"
                },
                {
                   "tag":"th",
                   "html":"City"
                }
            ]
         },
         {
            "tag":"tr",
            "_child":[
                {
                   "tag":"td",
                   "html":"1"
                },
                {
                   "tag":"td",
                   "html":"Vinod Selvin"
                },
                {
                   "tag":"td",
                   "html":"Mumbai"
                }
            ]
         },
         {
            "tag":"tr",
            "_child":[
                {
                   "tag":"td",
                   "html":"2"
                },
                {
                   "tag":"td",
                   "html":"Manoj Selvin"
                },
                {
                   "tag":"td",
                   "html":"Bangalore"
                }
            ]
         },
         {
            "tag":"tr",
            "_child":[
                {
                   "tag":"td",
                   "html":"3"
                },
                {
                   "tag":"td",
                   "html":"Binson Selvin"
                },
                {
                   "tag":"td",
                   "html":"Tirunelveli"
                }
            ]
         },
      ]
   }
];

            data_input = JSON.stringify(data_input);

            json2Html('mypage').setJson(data_input);

            json2Html('mypage').getHtml(function (html) {
                document.write(html);
            });
        </script>

    </body>
</html>