Skip to content

DOM view component for the CodeMirror code editor

License

Notifications You must be signed in to change notification settings

codemirror/view

Folders and files

NameName
Last commit message
Last commit date
Jun 8, 2022
Apr 4, 2025
Jul 29, 2024
Mar 9, 2021
Dec 29, 2020
Mar 29, 2025
Jan 24, 2023
Dec 30, 2024
Mar 29, 2025

Repository files navigation

@codemirror/view NPM version

[ WEBSITE | DOCS | ISSUES | FORUM | CHANGELOG ]

This package implements the DOM view component for the CodeMirror code editor.

The project page has more information, a number of examples and the documentation.

This code is released under an MIT license.

We aim to be an inclusive, welcoming community. To make that explicit, we have a code of conduct that applies to communication around the project.

Usage

import {EditorView} from "@codemirror/view"
import {basicSetup} from "codemirror"

const view = new EditorView({
  parent: document.querySelector("#some-node"),
  doc: "Content text",
  extensions: [basicSetup /* ... */]
})

Add additional extensions, such as a language mode, to configure the editor. Call view.dispatch to update the editor's state.