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

[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