Sorry! You need 3 embedded side-by-side text editors to bring you the JSON-transforming awesomeness that is JsonTool. Try running this on a desktop with a decent sized screen.
© 2020 | Matthew Watkins
JsonTool allows you to transform JSON using JavaScript-- right in your browser. Use it to normalize your objects, query a data set, sort records, or whatever you want! How to use it:
transform()
function in the middle editor. Return the
object you want.JsonTool runs entirely in your browser. There are no server post backs harvesting your data. Check your developer console if you don't believe me ;)
Yes. You can enter any JS code in the transform window that you want.
Again, this is a 100% static site-- it runs entirely in your browser. Nothing is posted to my server, let alone stored for other users to see. If you want to write some JS code to redirect your own browser to YouTube or post to some malicious API, go right ahead-- it's your browser.
The text editor library I'm using has some pretty good optimizations built in to prevent crashing the page for beefy files, but again, how much load the tool will handle on your browser depends on... your browser. If you upload a 1 GB JSON file or write an infinite loop in your transform code, that's on you.
Now you're talking. I use Bootstrap UI framework, jQuery for the logic (don't judge-- I'll switch to React or Vue... eventually), Ace for the editors, Font Awesome for the icons, GitHub for source management, and the awesome Netlify for hosting and CD.
If you want to request a new feature, create an issue on for the project on GitHub. If you want to add your own, fork it and submit a pull request.
Aw, thanks, I won't say no to that! You can contact me at my website or hit me up on Venmo or PayPal if you feel so inclined: