Free Codecanyon JSON Painter theme download

FREE DOWNLOAD links for JSON Painter is BELOW - click on the RED BUTTON. Logged-in users can see links to download above the main picture.

Category: Codecanyon | JavaScript
Tags: Developer | Developers | Format | formatter | Highlighting | javacript | jQuery | JSON | lightweight | Painter | Plugin | Standalone | syntax highlight | Codecanyon | JavaScript | nulled | free download | theme | script | rip | JSON | Painter
In archive: 2016 | May 2016 | 22.May 2016


Codecanyon JSON Painter free download

Buy this item



If you have ever had a need to read a raw JSON string, you probably noticed that it aint that much human-readable…

What is JSON painter?

This simple jQuery plugin will reformat and colorize any valid JSON, and you eyes will be forever gratefull for it :)

Here are the highlighs:

  • Formats the JSON
  • Syntax highlight
  • Open / close individual object whitin

  • One js file (3.1Kb) + one line of code
  • Handles both JSON strings and objects
  • Customize the style via CSS to fit your needs
See it in action

I beleive that there is no need to describe this plugin in more details, but if you are intrigued – here is a online demo with code snippets.

The How to guide

Step 1:
Download the script and place wherever you place the java scripts.

Step 2:
Include the jQuery and the JSON painter script in the <head> tag of your document, like this:

<head><!-- additional header content --><script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script><script type="text/javascript" src="jquery.jsonPainter-1.0.js" charset="utf-8"></script></head>

Note that if you already have jQuery plugin included, you do not need to include it twice.

Step 3:
Create an element in the document that will hold the painted JSON

<div id="json"></div>

Step 4:
Have fun :)

<script type="text/javascript">// Transform the data within the element (no params passed)$('#json').jsonPainter();// Show painted JSON from a atringvar str = '{ node: "value", list: [ 1, 3, 4 ] }';$('#json').jsonPainter(str);// Show painter JSON from an objectvar obj = { node: "value", list: [ 1, 3, 4 ] };$('#json').jsonPainter(obg);</script>

Step 5:
If you are familiar with CSS, you can easily define your own styles.
Simply customize the snipper below add it to the <head> tag of your HTML document.

<style>/** Define gloval style, like font size and family */jsonpainter { }/** Define how the key will be show */jsonpainter-key { }/** Define style for each variable type */jsonpainter-value { }jsonpainter-value-url { }jsonpainter-value-null { }jsonpainter-value-number { }jsonpainter-value-string { }jsonpainter-value-boolean { }jsonpainter-value-boolean-true { }jsonpainter-value-boolean-false { }</style>

Source: codecanyon.net
Report this item


Free download


Show FREE DOWNLOAD links



Related free downloads

Free download Codecanyon JSON Slider, Carousel & Timeline - Responsive jQuery Plugin

Free Codecanyon JSON Slider, Carousel & Timeline - Responsive jQuery Plugin theme download

Category: Codecanyon | JavaScript
Tags: Graphicriver | Logo Templates | nulled | free download | theme | script | rip | JSON | Slider, | Carousel | Timeline | Responsive | jQuery | Plugin
Archives: 2016 | April 2016 | 20.April 2016

This is a multi purpose jQuery plugin. We can crate slider, carousel &amp; timeline.It is a responsive and fast-loading slider with built-... Autoplay supportTouch supportExamplesFix &amp; Fullwidth SliderImage SliderCarouselTimelineTestimonialTab Slider
Free download Codecanyon ChalkBoard Painter HTML5/Canvas Painting App

Free Codecanyon ChalkBoard Painter HTML5/Canvas Painting App theme download

Category: Codecanyon | HTML5
Tags: Brush | Canvas | Color | colorpicker | Draw | Gradient | Greyscale | HTML5 | Image | Lightbox | Paint | Photoshop | Text | undo | Codecanyon | HTML5 | nulled | free download | theme | script | rip | Chalkboard | Painter | HTML5Canvas | Painting
Archives: 2016 | May 2016 | 21.May 2016

Get Chalkboard Pro for WordPressHTML5/Canvas Browser Painting AppNow with a Text Tool including 80 fonts to choose fromGive your u...fox, IE9, Opera, Chrome(no image upload support).(no image upload support)Update: 7-20-12 – Fixed issue with offset positioning in IE9
Free download Codecanyon Artist Wordpress Theme - Painter Exhibition Sketch Handcraft Writer Art Pencil Design ShowCase

Free Codecanyon Artist Wordpress Theme - Painter Exhibition Sketch Handcraft Writer Art Pencil Design ShowCase theme download

Category: Codecanyon | WordPress
Tags: Art | Artist | Ecwid | Exhibition | Freelancer | handcraft | Painter | Painting | pencil sketch | Photography | Portfolio | Showcase | Simple | Sketch | Writer | Themeforest | WordPress | nulled | free download | theme | script | rip | Artist | WordPress | theme | Painter | Exhibition | Sketch | handcraft | Writer | Pencil | Design | Showcase
Archives: 2016 | August 2016 | 20.August 2016

Artist Wordpress Theme – Painter Exhibition Sketch Handcraft Writer Art Pencil Design ShowCaseInnovation, Perfection...relating to the Theme on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.
Free download Graphicriver Artist Painter Holding Pencil Paintbrush Circle Retro

Free Graphicriver Artist Painter Holding Pencil Paintbrush Circle Retro theme download

Category: Graphicriver | Vectors
Tags: Artisan | Artist | Artwork | Brush | Circle | Craftsman | Graphic | Illustration | isolated | Male | Man | Paintbrush | Painter | Pencil | Retro | Tradesman | Worker | Graphicriver | Vectors | nulled | free download | theme | script | rip | Artist | Painter | Holding | Pencil | Paintbrush | Circle | Retro
Archives: 2016 | August 2016 | 26.August 2016

Illustration of an artist painter holding a pencil and paintbrush set inside circle on isolated background done in retro style.Editable EPS8 (you can use any vector program), JPEG and Transparent PNG (can edit in any graphic editor) files are included.
Free download Codecanyon JSON Auto-Suggest Search Engine

Free Codecanyon JSON Auto-Suggest Search Engine theme download

Category: Codecanyon | JavaScript
Tags: javascript search | json search | lightweight search | php search | plain javascript search | plain js search | Search | search engine | search script | simple search | vanilla javascript search | vanilla js search | Codecanyon | JavaScript | nulled | free download | theme | script | rip | JSON | AutoSuggest | Search | Engine
Archives: 2016 | October 2016 | 31.October 2016

This is a lightweight search script that allows visitors to search for content on your website in realtime. It features an auto-suggest list...implementing the script on your site, we’re happy to provide quick, efficient customer support to get you up and running without any hassles.


Free download Codecanyon JSON To Bootstrap Table - jQuery Plugin

Free Codecanyon JSON To Bootstrap Table - jQuery Plugin theme download

Category: Codecanyon | JavaScript
Tags: Bootstrap | bootstrap pagination | bootstrap table | bootstrap table with action buttons | create bootstrap table from json | html table with client pagination | javascript pagination | jquery plugin | jquery widget plugin | JSON | json to bootstrap table jquery plugin | json to table | Pagination | pagination with any page size | responsive table | Codecanyon | JavaScript | nulled | free download | theme | script | rip | JSON | Bootstrap | Table | jQuery | Plugin
Archives: 2016 | November 2016 | 27.November 2016

JSON To Bootstrap Table is a jQuery plugin that displays a bootstrap responsive table for JSON. In JavaScript, we usually get data (in the ...rapASP.Net MultiTextBoxInput Web Server ControlMulti Textbox Input jQuery PluginAndroid SMS Filter with Material Design
Free download Codecanyon Easy Form JSON - jQuery Plugin

Free Codecanyon Easy Form JSON - jQuery Plugin theme download

Category: Codecanyon | JavaScript
Tags: automatically get or put form data | easy form | easy json | form elements to json | form jquery plugin | form to json | get or put form data easily | html form | jquery plugin | JSON | json to form | json to form elements | Plugin | serialize | serialize form data | Codecanyon | JavaScript | nulled | free download | theme | script | rip | Easy | Form | JSON | jQuery | Plugin
Archives: 2016 | November 2016 | 27.November 2016

Easy Form JSON is a jQuery plugin that serializes and deserializes a form. Serialization is the process of converting form data to JS...rapASP.Net MultiTextBoxInput Web Server ControlMulti Textbox Input jQuery PluginAndroid SMS Filter with Material Design
Free download Codecanyon Jsearch - Contacts and Person Info Search in JSON File

Free Codecanyon Jsearch - Contacts and Person Info Search in JSON File theme download

Category: Codecanyon | JavaScript
Tags: Autocomplete | Elastic | Input | jQuery | JSON | Search | Semantic | semantic-ui | SQL | SVG | typeahead | Codecanyon | JavaScript | nulled | free download | theme | script | rip | Jsearch | contacts | Person | Info | Search | JSON | File
Archives: 2017 | February 2017 | 18.February 2017

Pjsear Searchable Autocomplete Elastic Input PluginSearch Contacts, Person Info and e.t.c.Semantic-Ui Framework...rom Json FileRtl SupportChange Background EaslyUsing Typeahead.jsIncluded Documentation File
Free download Codecanyon IonFire: JSON driven mobile app template with Ionic3 and Firebase realtime database

Free Codecanyon IonFire: JSON driven mobile app template with Ionic3 and Firebase realtime database theme download

Category: Codecanyon | Mobile
Tags: Android | angular4 | Cordova | Feed | firebase realtime database | full app | Gallery | Ionic3 | IOS | JSON | mobile app template | no coding | Slider | typescript | Codecanyon | Mobile | nulled | free download | theme | script | rip | IonFire | JSON | Driven | Mobile | Template | with | Firebase | Realtime | Database
Archives: 2017 | June 2017 | 18.June 2017

JSON-driven mobile app: no coding requiredIonFire is best suited for content-centric mobile apps.To create a mobile app using IonFire yo...pplication stateYou only need a Firebase account, no additional server required.Changelogv1.0.0 - June 2017- Initial release
Free download Codecanyon Radio online (Unlimited stations - JSON file)

Free Codecanyon Radio online (Unlimited stations - JSON file) theme download

Category: Codecanyon | Mobile
Tags: Codecanyon | Mobile | nulled | free download | theme | script | rip | Radio | Online | Unlimited | Stations | JSON | File
Archives: 2017 | August 2017 | 16.August 2017

Online Radio App is the most elegant mobile internet radio streaming system which run under Android platform that used for listen many online...inkThe app is developed to be super easy to modify the skin you can find on the documentation all instruction to set up your own skin .

Login Free register


Search Free Themes Download

Free Themes Download Archives

  • Mon
  • Tue
  • Wed
  • Thu
  • Fri
  • Sat
  • Sun