Parse text area json for name value pairs and create text inputs for documentation
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

I want to have a text area with a ws/json response in it. I want on the client side to create an array of text inputs to allow someone to then document each of the labels.

here is an example of the text area
http://screencast.com/t/YljaC7qrib
Imagine that is the content in the text area. we will parse out all of the labels so we can define each of the parameters.

The final output would allow something like this
http://screencast.com/t/m3aLCeMXiBq

Lets use bootstrap for the ui of all of this,

There's no problem about not using jQuery?
alv-c over 6 years ago
awarded to alv-c

Crowdsource coding tasks.

2 Solutions


Check this.

You haven't specified the type of output.
Also judging from the screenshots provided, I parsed only the first level keys.

v0.2 Added formatted output.

I would use Angular data bindings for such a request, it fits perfectly with the inputs and binding actions to data changes.
rolandjitsu over 6 years ago
I would use pure javascript
alv-c over 6 years ago
Thanks for the tip. Could you give some feedback before, or even after, selecting the winning solution?
tomtoump over 6 years ago
Winning solution

I've created one using pure javascript and bootstrap: http://codepen.io/anon/pen/cptnh

Based on @tomtoump one. But this one outputs the documented result

I will continue working on it

Updated:

  • Formatted output
  • JSON output
  • Recursive iteration to document elements returned in arrays
  • You can decide items to document clicking X button
View Timeline