@markmirror/menubar

Menubar actions for the MarkMirror Markdown editor.

Usage

import { MarkMirror } from "@markmirror/core"
import { Menubar } from "@markmirror/menubar"

const editor = new MarkMirror()

// Menubar requires `editor` as parameter
// MUST init before `editor.render`
const menubar = new Menubar(editor, ["bold", "italic", "codespan", "|", "ul", "ol", "|", "h1", "h2"])

// mount `menubar.element`
document.getElementById('menubar')!.appendChild(menubar.element)

Actions

• undo
• redo
• bold
• italic
• codespan
• link
• image
• strikethrough
• codeblock
• blockquote
• hr
• ul
• ol
• h1
• h2
• h3
• h4
• h5
• h6

When undo or redo is included, MarkMirror requires a history extension:

import { MarkMirror } from "@markmirror/core"
import { history } from "@codemirror/commands"

const editor = new MarkMirror({ extensions: [ history() ]})