@richkitjs/vue

Vue 3 bindings for RichKit: useEditor composable, EditorContent component and provide/inject editor context.
484
vue typescript vue3 headless composable editor vue-component text-editor wysiwyg contenteditable prosemirror document-editor rich-text vue-editor rich-text-editor block-editor
Install
npm install @richkitjs/vue
Latest Version:0.2.0
Vue:3
License:MIT
Last Updated:Sep 28, 2026
Links: GitHub  ·  npm
Maintainer: saimum

@richkitjs/vue

Vue 3 bindings for @richkitjs/core.

Install

npm install @richkitjs/vue @richkitjs/core @richkitjs/starter-kit

Usage

<script setup lang="ts">
import { useEditor, EditorContent } from '@richkitjs/vue'
import { StarterKit } from '@richkitjs/starter-kit'

const editor = useEditor({
  extensions: [...StarterKit],
  content: '<p>Hello world</p>',
})
</script>

<template>
  <button :disabled="!editor" @click="editor?.commands.toggleBold()">Bold</button>
  <EditorContent :editor="editor" />
</template>

useEditor returns a shallow ref that re-triggers on every document and selection change, so computed state like active marks stays reactive.

To share the editor with deeply nested components, use provideEditor(editor) in the parent and useEditorContext() in descendants.

Docs

See the repository for full documentation.

License

MIT — free for any use, commercial or not.

Need DOCX, track changes, comments, AI or the Pro editors (Notion, Classic, Question…)? Those are RichKit Pro.

Related Packages

@bloklabs/vue

Vue block editor — official Vue 3 bindings for Blok, the headless Notion-like ri...

5,341 43
block-editor contenteditable editor headless notion-like rich-text-editor typescript vue vue-component vue3 +5
stilo-editor

A complete rich text editor. Everything included, ready in minutes. Open-source...

234 2
contenteditable editor headless prosemirror rich-text rich-text-editor text-editor typescript vue wysiwyg +9
@kodaeditor/vue2

Vue 2 wrapper for KodaEditor: a WYSIWYG rich-text editor that keeps Word and Exc...

1,118 0
editor prosemirror rich-text-editor vue vue-component vue-editor wysiwyg docx html-editor vue2 +1
@kodaeditor/vue3

Vue 3 wrapper for KodaEditor: a WYSIWYG rich-text editor that keeps Word and Exc...

1,069 0
editor prosemirror rich-text-editor vue vue-component vue-editor vue3 wysiwyg docx html-editor +1
@xproeditor/vue

Notion-like block editor for Vue 3 — supports a sticky format toolbar and/or a f...

1,516 1
block-editor contenteditable editor rich-text vue wysiwyg notion

Version History

Version Released Vue License
0.2.0 ^3.3.0 MIT
0.1.1 ^3.3.0 MIT
0.1.0 ^3.3.0 MIT