-
-
Notifications
You must be signed in to change notification settings - Fork 2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Faster loading/parsing of JSON file #1455
Comments
A JSON file with 50k lines should not be a problem at all and should load about instantly. Does the file also take that long to load in https://jsoneditoronline.org/classic/ ? |
Hi @josdejong , I am using tree view with expand All option and it does take the same amount of time on the jsoneditoronline.org as it does in my express web app. So I changed it to collapse all instead of expand All option and page loads much faster. Any hope we can get it to parse with expand All as quick as it does in collapse All? Thanks, |
Ah, yes, expanding the full document can take time: everything needs to be rendered in the browser which is relatively slow. Some ideas:
|
How can I expand only the first n levels of a tree (i.e. the first two levels)? |
You'll have to write a little recursive functions that iterates over the keys of an object and items of an array, and for every entry call On a side note: the successor of this library, |
@josdejong i am using the kib and when i click on any key in editor i am getting the error as |
@Karanpal97 this issue seems unrelated, can you please open a new issue and describe there how to reproduce the issue? |
@josdejong i am using the lib this way const JsonEditorComponent = ({ jsonData, onUpdate }) => {
const editorRef = useRef(null);
useEffect(() => {
let editor;
if (editorRef.current && jsonData) {
const options = {};
editor = new JSONEditor(editorRef.current, options);
// Set JSON data
editor.set(jsonData);
// Attach event listener to the DOM element
const handleUpdate = () => {
const updatedJson = editor.get();
onUpdate(updatedJson);
};
editorRef.current.addEventListener('change', handleUpdate);
// Clean up when component unmounts
return () => {
editor.destroy();
editorRef.current.removeEventListener('change', handleUpdate);
};
}
}, [jsonData, onUpdate]);
return <div id="jsoneditor" ref={editorRef} style={{ width: '400px', height: '400px' }} />;
}; plz see where is the issue it will be highly helpfull for me plz sir help me i am struck since teo days |
@josdejong i am getting thie in console |
|
Hello @josdejong,
I have a JSON file with over 50K lines of data in it. Using Express JS web app to show the data using json editor. It takes approximately 5~10 seconds to show the data on the screen. Is there something that I could do to speed up the json editor to show up quicker?
Thanks,
Abhi
The text was updated successfully, but these errors were encountered: