jsoneditor/test/test_large_array.html at master · MixLab-Tech/jsoneditor · GitHub

History

84 lines (73 loc) · 1.71 KB

Raw

<!DOCTYPE HTML>

<html>

<head>

body {

font: 10.5pt arial;

color: #4d4d4d;

line-height: 150%;

width: 500px;

padding-left: 40px;

}

code {

background-color: #f5f5f5;

}

#jsoneditor {

width: 500px;

height: 500px;

}

</style>

</head>

<body>

<p>

Switch editor mode using the mode box.

Note that the mode can be changed programmatically as well using the method

<code>editor.setMode(mode)</code>, try it in the console of your browser.

</p>

var container = document.getElementById('jsoneditor');

var options = {

mode: 'tree',

modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes

onError: function (err) {

console.error(err);

alert(err.toString());

onChange: function () {

console.log('change');

indentation: 4,

escapeUnicode: true

};

var json = {

empty: [],

numbers: [],

abc: 123,

array: [],

object: { a: 2, b: 3}

};

for (var i = 0; i < 10000; i++) {

var longitude = 4 + i / 10000;

var latitude = 51 + i / 10000;

json.numbers.push(i);

json.array.push({

name: 'Item ' + i,

id: String(i),

index: i,

time: new Date().toISOString(),

location: {

latitude: longitude,

longitude: latitude,

coordinates: [longitude, latitude]

random: Math.random()

});

}

var editor = new JSONEditor(container, options, json);

</script>

</body>

</html>

jsoneditor/test/test_large_array.html at master · MixLab-Tech/jsoneditor · GitHub

Expand file tree

Breadcrumbs

test_large_array.html

Latest commit

History

Breadcrumbs

test_large_array.html

File metadata and controls