tiptap-markdown

Edit markdown content in tiptap editor.

Usage no npm install needed!

<script type="module">
  import tiptapMarkdown from 'https://cdn.skypack.dev/tiptap-markdown';
</script>

README

Tiptap markdown

Edit markdown content in tiptap editor.

Installation

npm install tiptap-markdown

Requirements

This package only works with tiptap v2, tiptap v1 is not supported.

Support all frameworks handled by tiptap (Vue 2, Vue 3, React, see full list...)

Usage

Vue 3 example:

import { Editor } from "@tiptap/vue-3";
import StarterKit from '@tiptap/starter-kit';
import { createMarkdownEditor } from "tiptap-markdown";

const MarkdownEditor = createMarkdownEditor(Editor);

export default {
    // ...
    mounted() {
        this.editor = new MarkdownEditor({
            content: "# Title",
            extensions: [
                StarterKit,
            ],
        });
        const markdownOutput = this.editor.getMarkdown();
    }
}

API

soon

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

The MIT License (MIT). Please see License File for more information.