Skip to content

m-cuttlefish/react-code-editor

Repository files navigation

react-code-editor

Feature

  1. Code Highlight
  2. Cmd/Ctrl + D (Duplicate Line or Selection)
  3. Cmd/Ctrl + / (Append/Remove Inline Comment)

Options

static defaultProps = {
    prefixCode: '',
    prefixCodeClassName: 'prefix-code',
    // Web Worker for fast
    workerUrl: null,
    contentEditable: true,
    // whether inject preset style?
    mountStyle: true,
    // the language of code
    language: '',
    tabSize: 4,
    code: '',
    className: '',
    style: {},
    // true: TabKey performance is switching active item.
    ignoreTabKey: false,
    onChange: code => {},
    // ...rest props of dom
};

Todo

  • worker.js ?