misojs-codemirror-component

A code mirror component for use in misojs

installation

In your main misojs application directory:

npm install misojs-codemirror-component --save

Usage

Acceess the component in your mvc entities like so:

var CodeMirror = require('misojs-codemirror-component')();

In your controller, you might set a value like so:

this.codeMirrorValue = m.prop([
    "for(var x = 0; x < 10; x += 1){",
    "    console.log(x);",
    "}"].join("\n")
);

And in your view:

m("div", [
    m("label", "Code mirror:"),
    m.component(CodeMirror, {
        value: ctrl.codeMirrorValue
    })
])

This will render a code mirror editor.

Isomorphism

The server generated code simply returns a textarea, whereas the client side code runs the code mirror editor.