Minimalistic code editor
Last updated 2 years ago by vojtechklos .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install microedit 
SYNC missed versions from official npm registry.


Minimalistic code editor using Prism.js for highlighting

Build Status npm version


npm install microedit or yarn add microedit or download/clone the repo and pick your version of Microedit.


Minimalistic code editor using Prism.js for highlighting (only supports the default Prism theme for now).

Microedit was designed mainly for editing JSONs. but you can edit any code with it. Supports autoindentation, self-closing brackets and quotes. Self-deleting brackets and quotes. It uses a textarea to edit code and tries to parse value of the textarea on initialization and beautify it via js-beautify library and you can also specify your own beautify function.

I was heavily inspired by CodeFlask the micro-editor, but it lacked some features I needed and i did not feel like the features I would have requested would be inline with the project idea so here is my take on it :-).


let editor = new Microedit(selector, lang, beautifyFunction)


{String} a css selector of the textarea you want to initialize Microedit on


(Optional) {String} Default: 'javascript' - language specification for Prism.


{Function} (Optional) function to beautify code (!ONLY!) for initial value of the textarea. By default uses js-beautify. Should accept one parameter for ugly code and return a string of beautiful code.



gets the content of the textarea. Same as yourTextarea.value


parses json via JSON.parse from the textarea. Accepts one parameter with these possible values:

  • true/false {Boolean} Default: false - true - returns null on invalid JSON, false - fails silently and returns last valid parsed JSON entered in the textarea
  • 'fail' {String} - same as true from above
  • 'fallbackToCode' {String} - when JSON is valid it will return parsed JSON, when JSON is invalid it will return the content of textarea



accepts a callback function as parameter and passes editor instance to it after each update of the field



Current Tags

  • 0.1.5                                ...           latest (2 years ago)

5 Versions

  • 0.1.5                                ...           2 years ago
  • 0.1.4                                ...           3 years ago
  • 0.1.3                                ...           3 years ago
  • 0.1.2                                ...           3 years ago
  • 0.1.0                                ...           3 years ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 3
Dependencies (11)
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |