cm-resize

1.0.1 • Public • Published

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).
});

Readme

Keywords

none

Package Sidebar

Install

npm i cm-resize

Weekly Downloads

478

Version

1.0.1

License

MIT

Unpacked Size

17.9 kB

Total Files

7

Last publish

Collaborators

  • sphinxxxx