|
18 | 18 | <textarea id="json" class="form-control input save" rows="18" spellcheck="false"><?=$default?></textarea> |
19 | 19 | </div> |
20 | 20 | </div> |
21 | | - <button id="convert" type="submit" class="btn btn-primary action"> |
| 21 | + <button id="convert" type="submit" class="btn btn-primary action mb-2 me-2"> |
22 | 22 | <i class="bi bi-chevron-right"></i> Beautify |
23 | 23 | </button> |
24 | | - <button id="clear" type="submit" class="btn btn-light"> |
| 24 | + <button id="clear" type="submit" class="btn btn-light mb-2 me-2"> |
25 | 25 | <i class="bi bi-backspace"></i> Clear |
26 | 26 | </button> |
27 | 27 | </div> |
|
103 | 103 |
|
104 | 104 | <h2 class="pb-2 border-bottom">Need help cleaning data?</h2> |
105 | 105 |
|
106 | | - <div class="row row-cols-1 row-cols-sm-1 row-cols-md-12 row-cols-lg-12 g-4 py-5"> |
| 106 | + <div class="row row-cols-1 row-cols-sm-1 row-cols-md-12 row-cols-lg-12 g-4 py-3"> |
107 | 107 | <div class="col d-flex align-items-start"> |
108 | 108 | <div> |
109 | 109 | <p> |
|
119 | 119 |
|
120 | 120 | <h2 class="pb-2 border-bottom">More Details</h2> |
121 | 121 |
|
122 | | - <div class="row row-cols-1 row-cols-sm-1 row-cols-md-12 row-cols-lg-12 g-4 py-5"> |
| 122 | + <div class="row row-cols-1 row-cols-sm-1 row-cols-md-12 row-cols-lg-12 g-4 py-3"> |
123 | 123 | <div class="col d-flex align-items-start"> |
124 | 124 | <div> |
| 125 | + |
125 | 126 | <ul> |
126 | 127 | <li> |
127 | 128 | This function is available as a <a href="https://www.npmjs.com/package/csvjson-json_beautifier" target="_blank">npm package</a>. |
128 | 129 | </li> |
129 | 130 | <li>JSON stands for <strong>JavaScript Object Notation</strong>. It is a lightweight data-interchange format and fully described on <a href="http://www.json.org" target="_blank">www.json.org</a>.</li> |
130 | 131 | <li> |
131 | | - JSON is based on JavaScript but the format is stricter. JSON requires double quotes around keys whereas JavaScript does not. For example, this is valid JavaScript:<br/> |
132 | | - <pre>{pi: 3.14159265359, e: 2.7182818284, prime: [2, 3, 5, 7, 11, 13, 17, 19]}</pre> |
133 | | - However the above is not valid JSON. Double quotes must be placed around pi, e and prime. |
134 | | - <pre>{"pi": 3.14159265359, "e": 2.7182818284, "prime": [2, 3, 5, 7, 11, 13, 17, 19]}</pre> |
135 | | - CSVJSON's JSON Beautifier has a toggle to drop quotes on keys. It can do so if JavaScript allows it. For example, we cannot drop quotes around key <code>"1+6"</code>. |
136 | | - CSVJSON also has a toggle to use single quotes to wrap keys and values. |
| 132 | + JSON is based on JavaScript but the format is stricter. JSON requires double quotes around keys whereas JavaScript does not. |
137 | 133 | </li> |
138 | 134 | <li>Modern browsers have a built-in global object <code>JSON</code> with encoding and decoding functions. These are: |
139 | 135 | <ul> |
|
144 | 140 | </li> |
145 | 141 | <li>CSVJON uses a <a href="https://github.com/FlatFilers/csvjson-app/blob/master/js/csvjson/json2-mod.js" target="_blank">modified version of JSON2</a> which adds formatting options to drop quotes on keys, and sepcify the quote type. Anyone is free to use and extend it by forking the <a href="https://github.com/FlatFilers/csvjson-app" target="_blank">CSVJSON GitHub repo</a>.</li> |
146 | 142 | </ul> |
| 143 | + |
147 | 144 | <p> |
148 | 145 | <a class="btn btn-light" data-bs-toggle="collapse" href="#collapseOne" role="button" aria-expanded="false" aria-controls="collapseExample"> |
149 | 146 | View Change Log |
|
154 | 151 |
|
155 | 152 |
|
156 | 153 | <div id="collapseOne" class="accordion-collapse collapse showclass row row-cols-1 row-cols-sm-1 row-cols-md-12 row-cols-lg-12 g-4"> |
157 | | - <div class="col d-flex align-items-start"> |
158 | | - <div> |
159 | | - <h5>Mar 20, 2019</h5><p> Bug fix: Detect duplicate column headers and make them unique. <a href="https://github.com/FlatFilers/csvjson-app/issues/71">GitHub issue #71</a>.</p> |
160 | | - <h5>Feb 2, 2019</h5><p> Refactored and published <a href="https://www.npmjs.com/package/csvjson-csv2json" target="_blank">npm package csv2json</a>. Fix for <a href="https://github.com/FlatFilers/csvjson-app/issues/70">GitHub issue #70</a>.</p> |
161 | | - <h5>Jan 26, 2019</h5><p> Improvement: Removed 64k limit on download button. Also fixed issue #68 'Cannot work functional with special letters'.</p> |
162 | | - <h5>Mar 31, 2018</h5><p> Improvement: Added option to parse JSON values.</p> |
163 | | - <h5>Dec 18, 2017</h5><p> Improvement: Added option to minify or compact JSON. <a href="https://github.com/FlatFilers/csvjson-app/issues/21">GitHub issue #21</a></p> |
164 | | - <h5>Oct 7, 2016</h5><p> Improvement: Added option to parse number values or not to retain original number formatting. <a href="https://github.com/FlatFilers/csvjson-app/issues/13">GitHub issue #13</a></p> |
165 | | - <h5>Jul 09, 2016</h5><p> Fixed bug : If no text is present in a csv field, it was assigned 0 (zero) by default.</p> |
166 | | - <h5>Jun 20, 2016</h5><p> Bug fix: strings containing quotes and commas were prematurely cut.</p> |
167 | | - <h5>Dec 30, 2015</h5><p> Bug fix: drop quotes on keys of nested objects.</p> |
168 | | - <h5>Nov 26, 2015</h5><p> Improvement: Added options to transpose and output object instead of array.</p> |
169 | | - <h5>Jan 30, 2014</h5><p> Bug fix: Pasting Excel data into Textarea would cause an upload.</p> |
170 | | - <h5>Jan 12, 2014</h5><p> Initial release.</p> |
171 | | - |
172 | | - <h5>Jun 25, 2019</h5><p> Adjustable width for inling short arrays. Fix for <a href="https://github.com/FlatFilers/csvjson-app/issues/76">issue #76</a>.</p> |
173 | | - <h5>Feb 3, 2019</h5> <p>Refactored and published <a href="https://www.npmjs.com/package/csvjson-json_beautifier" target="_blank">npm package json_beautifier</a>.</p> |
174 | | - <h5>Jan 26, 2019</h5><p> Improvement: Removed 64k limit on download button.</p> |
175 | | - <h5>Dec 18, 2017</h5><p> Improvement: Added option to minify or compact JSON. <a href="https://github.com/FlatFilers/csvjson-app/issues/21">GitHub issue #21</a></p> |
176 | | - <h5>Oct 7, 2017</h5> <p>Improvement: <a href="https://github.com/hisabimbola" target="_blank">Abimbola Idowu</a> added single quote option. <a href="https://github.com/FlatFilers/csvjson-app/issues/23" target="_blank">GitHub issue #23</a></p> |
177 | | - <h5>Sep 27, 2016</h5><p> Bug fix: Inline short arrays bug fix and improvement. Added nesting depth option. <a href="https://github.com/FlatFilers/csvjson-app/issues/12" target="_blank">GitHub issue #12</a></p> |
178 | | - <h5>Aug 22, 2016</h5><p> Bug fix: Inline short arrays was not working properly. <a href="https://github.com/FlatFilers/csvjson-app/issues/9" target="_blank">GitHub issue #9</a></p> |
179 | | - <h5>Dec 30, 2015</h5><p> Bug fix: drop quotes on keys of nested objects.</p> |
180 | | - <h5>Jun 1, 2015</h5><p> Bug fix: proper support of commas inside quotes.</p> |
181 | | - <h5>Jan 12, 2014</h5><p> Initial release.</p> |
182 | | - </div> |
183 | | - |
184 | | - </div> |
185 | | - </div> |
| 154 | + <div class="col d-flex align-items-start"> |
| 155 | + <div> |
| 156 | + <h5>Mar 20, 2019</h5><p> Bug fix: Detect duplicate column headers and make them unique. <a href="https://github.com/FlatFilers/csvjson-app/issues/71">GitHub issue #71</a>.</p> |
| 157 | + <h5>Feb 2, 2019</h5><p> Refactored and published <a href="https://www.npmjs.com/package/csvjson-csv2json" target="_blank">npm package csv2json</a>. Fix for <a href="https://github.com/FlatFilers/csvjson-app/issues/70">GitHub issue #70</a>.</p> |
| 158 | + <h5>Jan 26, 2019</h5><p> Improvement: Removed 64k limit on download button. Also fixed issue #68 'Cannot work functional with special letters'.</p> |
| 159 | + <h5>Mar 31, 2018</h5><p> Improvement: Added option to parse JSON values.</p> |
| 160 | + <h5>Dec 18, 2017</h5><p> Improvement: Added option to minify or compact JSON. <a href="https://github.com/FlatFilers/csvjson-app/issues/21">GitHub issue #21</a></p> |
| 161 | + <h5>Oct 7, 2016</h5><p> Improvement: Added option to parse number values or not to retain original number formatting. <a href="https://github.com/FlatFilers/csvjson-app/issues/13">GitHub issue #13</a></p> |
| 162 | + <h5>Jul 09, 2016</h5><p> Fixed bug : If no text is present in a csv field, it was assigned 0 (zero) by default.</p> |
| 163 | + <h5>Jun 20, 2016</h5><p> Bug fix: strings containing quotes and commas were prematurely cut.</p> |
| 164 | + <h5>Dec 30, 2015</h5><p> Bug fix: drop quotes on keys of nested objects.</p> |
| 165 | + <h5>Nov 26, 2015</h5><p> Improvement: Added options to transpose and output object instead of array.</p> |
| 166 | + <h5>Jan 30, 2014</h5><p> Bug fix: Pasting Excel data into Textarea would cause an upload.</p> |
| 167 | + <h5>Jan 12, 2014</h5><p> Initial release.</p> |
| 168 | + |
| 169 | + <h5>Jun 25, 2019</h5><p> Adjustable width for inling short arrays. Fix for <a href="https://github.com/FlatFilers/csvjson-app/issues/76">issue #76</a>.</p> |
| 170 | + <h5>Feb 3, 2019</h5> <p>Refactored and published <a href="https://www.npmjs.com/package/csvjson-json_beautifier" target="_blank">npm package json_beautifier</a>.</p> |
| 171 | + <h5>Jan 26, 2019</h5><p> Improvement: Removed 64k limit on download button.</p> |
| 172 | + <h5>Dec 18, 2017</h5><p> Improvement: Added option to minify or compact JSON. <a href="https://github.com/FlatFilers/csvjson-app/issues/21">GitHub issue #21</a></p> |
| 173 | + <h5>Oct 7, 2017</h5> <p>Improvement: <a href="https://github.com/hisabimbola" target="_blank">Abimbola Idowu</a> added single quote option. <a href="https://github.com/FlatFilers/csvjson-app/issues/23" target="_blank">GitHub issue #23</a></p> |
| 174 | + <h5>Sep 27, 2016</h5><p> Bug fix: Inline short arrays bug fix and improvement. Added nesting depth option. <a href="https://github.com/FlatFilers/csvjson-app/issues/12" target="_blank">GitHub issue #12</a></p> |
| 175 | + <h5>Aug 22, 2016</h5><p> Bug fix: Inline short arrays was not working properly. <a href="https://github.com/FlatFilers/csvjson-app/issues/9" target="_blank">GitHub issue #9</a></p> |
| 176 | + <h5>Dec 30, 2015</h5><p> Bug fix: drop quotes on keys of nested objects.</p> |
| 177 | + <h5>Jun 1, 2015</h5><p> Bug fix: proper support of commas inside quotes.</p> |
| 178 | + <h5>Jan 12, 2014</h5><p> Initial release.</p> |
| 179 | + </div> |
| 180 | + </div> |
| 181 | + </div> |
186 | 182 |
|
187 | 183 | </div> |
188 | 184 |
|
|
0 commit comments