comindware.core.ui/demo/app/cases/editors/CodeEditor.js

Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.

import CanvasView from 'demoPage/views/CanvasView';

export default function() {
    const editorView = new Core.form.Field({
        model: new Backbone.Model({
            code: 'true'
        }),
        schema: {
            type: 'Code',
            title: 'Code editor',
            required: true,
            validators: ['code'],
            autocommit: true,
            changeMode: 'keydown',
            helpText: 'Code validation',
            mode: 'script'
        },
        key: 'code'
    });

    editorView.validate();

    return new CanvasView({
        view: editorView,
        presentation: "'{{code}}'",
        isEditor: true
    });
}