Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
39 lines (30 sloc) 1.3 KB

JSONarea

JSON Validated Textarea. Lightweight and without opinion.

If you are using a HTML <textarea> to allow your users to insert JSON, JSONarea was made just for you. JSONarea prides itself on what it does not do more than what it does do.

does:

  • Listens to input events on a textarea and dispatches an update event indiciating whether or not the input is valid JSON.
  • allows you to configure the events it listens to
  • allows you to extend JSONarea with any number of Objects

doesn't:

  • Hit the DOM
  • require any third party dependencies

Configuration

Name Description Default
events Array of events to listen to ['change','keyup']
sourceObjects Optional Array of objects to extend JSONArea with []

Usage

// do the deal
var myJSONArea = JSONArea(document.getElementById('json'),{
  sourceObjects:[] // optional array of objects for JSONArea to inherit from
});

// then here's how you use JSONArea's update event
myJSONArea.getElement().addEventListener('update',function(e){
  if(e.detail.isJSON) {
    // do something
  } else {
    // do something else
  }
});