codemirror-line-numbers-relative

Relative Line Numbers for CM6

Installation

yarn add codemirror-line-numbers-relative

Usage

import { EditorView } from "@codemirror/view";
import { EditorState } from "@codemirror/state";
import { lineNumbersRelative } from "codemirror-line-numbers-relative";

new EditorView({
  state: EditorState.create({
    doc: `hello world!
who doesn't love relative line numbers?`,
    extensions: [lineNumbersRelative()],
  }),
  parent: document.querySelector("#editor"),
});

Credit

This wouldn't be possible these resources:

• updateListener example
• How to make a code editor with CodeMirror 6
• Codemirror 6: Offset line numbers
• Relative (VIM style?) Line Numbers?
• relative line numbers cm5
• Line number or text in blockinfo?
• @replit/codemirror-vim