Rich text editors

7 entries

Tiptap dominates this category. It is a headless editor built on ProseMirror, so it ships behavior and an extension system but no toolbar or styles, and it has official Vue 3 bindings. That makes it the usual choice when an editor must match your design. CKEditor 5 and Froala provide official Vue components for complete, styled editors, vue-quilly wraps Quill 2 for Vue 3, and blok is a block-based editor that stores JSON instead of HTML.

Check licensing early: CKEditor 5 is available under the GPL or a commercial license, and Froala is a commercial product. Decide whether you want to store HTML, Markdown or structured JSON, because migrating stored content later is painful. Editors work directly with the DOM, so in Nuxt render them on the client only. vue-trix, a Trix wrapper, targets Vue 2.

On the bench stars against last commit

7 entries

tiptap@tiptap/vue

A renderless and extendable rich-text editor for Vue.js

Vue 2 only38.9kupdated 2d ago

ckeditor5-vue@ckeditor/ckeditor5-vue

An official CKEditor 5 rich text editor component for Vue.js.

Vue 3387updated 10d ago

vue-trixvue-trix

Simple and lightweight Trix rich-text editor for Vue.js

Vue 2 only253updated 9mo ago

vue-quillyvue-quilly

Tiny Vue 3 component, that helps to create Quill v2 based WYSIWYG editors.

Vue 3118updated 2mo ago

blok@bloklabs/vue

Headless block-based rich text editor with a Vue 3 adapter, outputs JSON instead of HTML.

Vue 343updated today

vue-froala-wysiwygvue-froala-wysiwyg

Official VueJS plugin for Froala WYSIWIG HTML Editor.

Vue 33updated 10d ago

CyteEditorcyte-editor/cyteeditor-examples

Rich text editor SDK with Word/Excel paste fidelity, built-in snapshot & version comparison, and official adapters for Vue 3, Vue 2, React, Svelte, Angular, and Vanilla JS.

Vue 2 + 30updated 2mo ago
Esc

Type to search every entry. ↑↓ to move, Enter to open.