Making Codemirror 6 respect indent for wrapped lines

Michiel · September 25, 2021, 8:37pm

For people coming here from google for indented wrapped lines, I made a rough plugin that does it using a line decorator:

gist.github.com

https://gist.github.com/dralletje/058fe51415fe7dbac4709a65c615b52e

awesome-line-wrapping.js

import _ from "lodash"
import { StateEffect, StateField } from "@codemirror/state"
import { EditorView, Decoration } from "@codemirror/view"

/**
 * Plugin that makes line wrapping in the editor respect the identation of the line.
 * It does this by adding a line decoration that adds padding-left (as much as there is indentation),
 * and adds the same amount as negative "text-indent". The nice thing about text-indent is that it
 * applies to the initial line of a wrapped line.
 *

This file has been truncated. show original

The imports might be wrong because my project doesn’t do normal bundling, let me know if that’s the case.