תוסף להצגת JSON בדף HTML עם סידור אוטומטי

[שואף]

אחד הדברים היפים שיש ברוב הIDE, זה הקיצור דרך שמסדר (אני לא זוכר איך אומרים את זה בעברית) את הקוד, עם טאבים בתוך הIFים והפונקציות.
בJSON זה בכלל משנה את החיים. במקום לשבור את הראש לאן הערך שייך, זה מציג בצורה יפה ומסודרת את ההיררכיה של הJSON.
אני רוצה להטמיע קובץ JSON מסובך באתר שלי, ושיהיה אפשר לערוך אותו.
יש כל מיני ספריות להצגת ועריכת קוד עם צבעים והשלמה אוטומטית, אבל לא מצאתי אחד עם סידור אוטומטי, שיהיה קיצור דרך או אפילו כפתור (או יותר טוב שבכלל יאלץ לכתוב בצורה מסודרת).
מכירים כזה דבר?
תודה.

למי שלא הבין מה הכוונה סידור אוטומטי...

[chv]

@שואף זה נקרא format
תחפש בכיוון הזה

[שואף]

יגעתי ולא מצאתי
https://www.google.com/search?q=edit+code+in+html+page+with+format

[OdedDvir]

@שואף לדעתי זה נקרא Prettify Json או Json Beautifier. אגב בפיירפוקס זה מציג כך בלי שום תוסף.

[chv]

@OdedDvir אמר בתוסף להצגת JSON בדף HTML עם סידור אוטומטי:

לדעתי זה נקרא Prettify Json או Json Beautifier

גם נכון..

@שואף אני (הקטן) חושב שזה קצת מסובך לכווין בכזה מצב, כי כל דבר שתעשה לכאורה יהיה תלוי בכלים האחרים שאתה משתמש.
אני אסביר -
אם הבנתי נכון אתה רוצה ליצור מין "עורך קוד" לייב באתר, שיערוך גייסון. הבעיה כאן היא שבעורך הזה - האלמנטים שם אינם באמת גייסון. אלא סתם טקסט עם קלאס כזה או אחר, כך שמפרמטי גייסון רגילים לא יכולים לכאורה לפענח את זה ולסדר.
אז הכל תלוי באיזה עורך קוד אתה בוחר.
ואם יש לו תמיכה בגייסון.

תסתכל אם יש לך כוח לפרק את הכלי הזה ולהכניס אותו לאתר שלך וזהו (זה מה שאני הייתי עושה): https://github.com/josdejong/jsoneditor

[dovid]

https://github.com/zebzhao/indent.js

[שואף]

@dovid אמר בתוסף להצגת JSON בדף HTML עם סידור אוטומטי:

https://github.com/zebzhao/indent.js

נראה מדהים, אבל לא מופיע איך משתמשים בזה לJSON.
אמשיך לחפור שם, רק רציתי כבר להגיד תודה

[yossiz]

@שואף למה לא לעשות ככה:

JSON.stringify(JSON.parse(theJson), null, 2);

[dovid]

@yossiz חזק ביותר... לא שמתי לב לעובדה שמדובר בJSON...

[שואף]

@yossiz
בדיוק לפני שעה, כשהתחלתי להטמיע את הקוד, חשבתי לעשות בצורה קצת שונה, לשלוח לשרת PHP ולעשות על זה PRETTYPRINT ולהציג שוב.
התשובה שלך עוד יותר טובה, ופשוטה.
תודה רבה, לא חשבתי על זה

[שואף]

יש המלצה על ספרייה של הצגת קוד (מתאים לJSON) להטמיע בHTML ?
תודה

[dovid]

https://highlightjs.org/

[שואף]

@dovid תודה אבל אין אפשרות עריכה. זה רק בתגית PRE.
אני מחפש לTEXTAREA

[dovid]

https://tchumim.com/topic/9768
https://tchumim.com/topic/6611