Editing with ProseMirror

You can set up a basic ProseMirror editor something like this:

import {EditorState} from "prosemirror-state"
import {EditorView} from "prosemirror-view"
import {schema} from "prosemirror-schema-basic"

let view = new EditorView(document.body, {
  state: EditorState.create({schema})
})

That editor will be extremely basic—in fact, it'll be unusable because it doesn't bind any keys yet. Read this guide to learn how to set those up.

Demo

The full source code for this demo is here.

Next demo: editing markdown.