Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including microedit with all npm packages installed. Try it out:

var microedit = require("microedit")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

microedit v0.1.5

Minimalistic code editor

Microedit

Minimalistic code editor using Prism.js for highlighting

Build Status npm version

Installation

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

Description

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 :-).

Usage

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

selector

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

lang

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

beautifyFunction

{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.

Methods

.getCode()

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

.getJson(howToDealWithInvalidJson)

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

Events

.onUpdate

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

License

MIT

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free