Skip to content

Latest commit

 

History

History
38 lines (30 loc) · 1.3 KB

README.md

File metadata and controls

38 lines (30 loc) · 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
  }
});