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 Graphicriver House Painter With Paint Roller Cartoon

Free Graphicriver House Painter With Paint Roller Cartoon theme download

Category: Graphicriver | Vectors
Tags: Photodune | Misc | nulled | free download | theme | script | rip | House | Painter | with | Paint | Roller | Cartoon
Archives: 2016 | April 2016 | 20.April 2016

illustration of a house painter with paint roller painting isolated on white done in cartoon style.
Free download Graphicriver House Painter Paint Roller Shield Cartoon

Free Graphicriver House Painter Paint Roller Shield Cartoon theme download

Category: Graphicriver | Vectors
Tags: Photodune | Misc | nulled | free download | theme | script | rip | House | Painter | Paint | Roller | Shield | Cartoon
Archives: 2016 | April 2016 | 20.April 2016

Illustration of a house painter handyman holding paint roller set inside shield crest on isolated background done in cartoon 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 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 Graphicriver Home Painter Logo Template

Free Graphicriver Home Painter Logo Template theme download

Category: Graphicriver | Logo Templates
Tags: Black | Brown | Brush | Color | Construction | Decorate | Decoration | Estate | Green | Home | House | improvement | Inside | Job | Logo | Maintenance | Outside | Paint | Painter | Painting | Property | PSD | PSD logo | Renovate | Repair | Roller | Template | Vector | Wall | Graphicriver | Logo Templates | nulled | free download | theme | script | rip | Home | Painter | Logo | Template
Archives: 2016 | May 2016 | 21.May 2016

The Home Painter Logo TemplateA modern and professional logo template for painters, renovation companies and more paint and home related b...y help?For any questions please contact me via Graphic RiverI can help you with custom design or modifications for an additional fee
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 | 22.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 Graphicriver Painter Logo Template

Free Graphicriver Painter Logo Template theme download

Category: Graphicriver | Logo Templates
Tags: Artist | Brush | Color | Colour | decorator | Flow | go | Happy | Human | Jump | Paint | Painter | Painting | Person | Pink | Plumber | Role | Run | Shadow | Silver | Smile | Stickman | varnishing | Walk | Wall | work | Worker | Graphicriver | Logo Templates | nulled | free download | theme | script | rip | Painter | Logo | Template
Archives: 2016 | May 2016 | 22.May 2016

Painter LogoIf you choose our Painter logo, you will get:· an Adobe Illustrator-file (.ai)· an EPS-Vector-file (.eps)· a PNG-fi...we used are called:Ubuntu &amp; Paint the townYou can download them here:font.ubuntu.com&amp;http://www.dafont.com/paint-the-town.font
Free download Graphicriver Image Painter

Free Graphicriver Image Painter theme download

Category: Graphicriver | Add-ons
Tags: Artistic | Image Action | image effect | Landscape | Paint | Portrait | Graphicriver | add-ons | nulled | free download | theme | script | rip | Image | Painter
Archives: 2016 | June 2016 | 20.June 2016

Click the main Preview Image to see all the examples and please note that from the total of 12 actions, half are color variations.I le... on Graphicriver or contact me directly at [email protected] and I will do my best to answer and fix any issues that you might have.
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

Login Free register

Search Free Themes Download

Free Themes Download Archives

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