cm-resize
v1.0.1
Published
Add a resize handle to your CodeMirror editor.
Downloads
2,226
Readme
cm-resize
Add a resize handle to your CodeMirror editor.
Based on an example by Rasmus Schultz (CodeMirror issue), with some extra options.
Demo
https://rawgit.com/Sphinxxxx/cm-resize/master/demo/index.html
https://codepen.io/Sphinxxxx/pen/dVPXdX
Getting Started
Installing
NPM:
npm install cm-resize --save
import cmResize from 'cm-resize';
..or client-side
<script>
:
<script src="https://unpkg.com/cm-resize@1"></script>
Usage
var myCodeMirror = CodeMirror.fromTextArea(...); //..or some other way to create a CodeMirror instance
cmResize(myCodeMirror);
Options
var handle = cmResize(myCodeMirror, {
minWidth: 200, //Minimum size of the CodeMirror editor.
minHeight: 100,
resizableWidth: true, //Which direction the editor can be resized (default: both width and height).
resizableHeight: true,
cssClass: 'cm-resize-handle', //CSS class to use on the *default* resize handle.
handle: //An element to use as the handler instead of the default one (`cssClass` doesn't apply here).
});