luwes/craft-codemirror

Add the awesome in-browser code editor CodeMirror as a field type.

2.0.0 2022-08-22 13:43 UTC

Requires

• php: ^8.0
• craftcms/cms: ^3.0.0-beta.20 || ^4.0.0

Requires (Dev)

• craftcms/rector: dev-main

MIT

• Wesley Luyten

• cms
• codemirror
• Craft
• craftcms
• craft-plugin

README

Add the awesome in-browser code editor CodeMirror as a field type.

Installation

To install CodeMirror, follow these steps:

1. Install with Composer via composer require luwes/craft-codemirror
2. Install plugin in the Craft Control Panel under Settings > Plugins

CodeMirror works on Craft 3.x and 4.x.

CodeMirror Overview

https://github.com/codemirror/codemirror

Configuring CodeMirror

Copy the code below, create a file named code-mirror.php and place it in the craft config folder to override the default options.

return [
    'jsOptions' => [
        'theme' => 'default',
        'lineNumbers' => true,
        'lineWrapping' => true,
        'viewportMargin' => new JsExpression('Infinity'),
    ],
    'modes' => [
        'gfm', // the first mode is enabled by default
        'markdown',
        'htmlmixed',
        'javascript',
        'css',
        'xml',
    ],
    'addons' => [
        'mode/overlay', // needed for gfm (github flavored) mode
    ]
];

Brought to you by Wesley Luyten