@codemirror/lang-markdown

Markdown language support for the CodeMirror code editor

# @codemirror/lang-markdown [![NPM version](https://img.shields.io/npm/v/@codemirror/lang-markdown.svg)](https://www.npmjs.org/package/@codemirror/lang-markdown)

[ [**WEBSITE**](https://codemirror.net/) | [**ISSUES**](https://code.haverbeke.berlin/codemirror/dev/issues) | [**FORUM**](https://discuss.codemirror.net/) | [**CHANGELOG**](https://code.haverbeke.berlin/codemirror/lang-markdown/src/branch/main/CHANGELOG.md) ]

This package implements Markdown language support for the
[CodeMirror](https://codemirror.net/) code editor.

The [project page](https://codemirror.net/) has more information, a
number of [examples](https://codemirror.net/examples/) and the
[documentation](https://codemirror.net/docs/).

This code is released under an
[MIT license](https://code.haverbeke.berlin/codemirror/lang-markdown/tree/main/LICENSE).

We aim to be an inclusive, welcoming community. To make that explicit,
we have a [code of
conduct](http://contributor-covenant.org/version/1/1/0/) that applies
to communication around the project.

## Usage

```javascript
import {EditorView, basicSetup} from "codemirror"
import {markdown} from "@codemirror/lang-markdown"

const view = new EditorView({
  parent: document.body,
  doc: `*CodeMirror* Markdown \`mode\``,
  extensions: [basicSetup, markdown()]
})
```

## API Reference

  markdown(config?: Object = {}) → LanguageSupport

Markdown language support.

  config

  defaultCodeLanguage?: Language | LanguageSupport

When given, this language will be used by default to parse code
blocks.

  codeLanguages?: readonly LanguageDescription[] | fn(info: string) → Language | LanguageDescription | null

A source of language support for highlighting fenced code
blocks. When it is an array, the parser will use
LanguageDescription.matchLanguageName
with the fenced code info to find a matching language. When it
is a function, will be called with the info string and may
return a language or LanguageDescription object.

  addKeymap?: boolean

Set this to false to disable installation of the Markdown
keymap.

  extensions?: MarkdownExtension

Markdown parser
extensions
to add to the parser.

  base?: Language

The base language to use. Defaults to
commonmarkLanguage.

  completeHTMLTags?: boolean

By default, the extension installs an autocompletion source that
completes HTML tags when a < is typed. Set this to false to
disable this.

  pasteURLAsLink?: boolean

The returned language contains
pasteURLAsLink as a support
extension unless you set this to false.

  htmlTagLanguage?: LanguageSupport

By default, HTML tags in the document are handled by the HTML
language package with
tag matching turned off. You can pass in an alternative language
configuration here if you want.

  markdownLanguage: Language

Language support for GFM plus
subscript, superscript, and emoji syntax.

  commonmarkLanguage: Language

Language support for strict CommonMark.

  insertNewlineContinueMarkup: StateCommand

This command, when invoked in Markdown context with cursor
selection(s), will create a new line with the markup for
blockquotes and lists that were active on the old line. If the
cursor was directly after the end of the markup for the old line,
trailing whitespace and list markers are removed from that line.

The command does nothing in non-Markdown context, so it should
not be used as the only binding for Enter (even in a Markdown
document, HTML and code regions might use a different language).

  insertNewlineContinueMarkupCommand(config?: Object = {}) → StateCommand

Returns a command like
insertNewlineContinueMarkup,
allowing further configuration.

  config

  nonTightLists?: boolean

By default, when pressing enter in a blank second item in a
tight (no blank lines between items) list, the command will
insert a blank line above that item, starting a non-tight list.
Set this to false to disable this behavior.

  deleteMarkupBackward: StateCommand

This command will, when invoked in a Markdown context with the
cursor directly after list or blockquote markup, delete one level
of markup. When the markup is for a list, it will be replaced by
spaces on the first invocation (a further invocation will delete
the spaces), to make it easy to continue a list.

When not after Markdown block markup, this command will return
false, so it is intended to be bound alongside other deletion
commands, with a higher precedence than the more generic commands.

  markdownKeymap: readonly KeyBinding[]

A small keymap with Markdown-specific bindings. Binds Enter to
insertNewlineContinueMarkup
and Backspace to
deleteMarkupBackward.

  pasteURLAsLink: Extension

An extension that intercepts pastes when the pasted content looks
like a URL and the selection is non-empty and selects regular
text, making the selection a link with the pasted URL as target.