Nuxt Editor Template

Description

Notion‑Style WYSIWYG Editor Template

This Vue & Nuxt editor incorporates AI‑driven autocompletion and is constructed with Nuxt UI and TipTap. It demonstrates the robust UEditor component, offering advanced editing functionalities.

Key Features

• Rich Text Editing – Comprehensive formatting tools including headings, lists, blockquotes, and code blocks.
• Adaptive Toolbars – Bubble and fixed toolbars that adjust to the current selection.
• Drag Handle – Simple reordering, duplication, or deletion of content blocks.
• Slash Commands – Access quick insertion options by typing /.
• Image Upload – Custom node for uploading images with replace and delete capabilities.
• Mentions – @ mention support featuring user suggestions.
• Emoji Picker – Complete GitHub emoji set accessible via :emoji: syntax.
• Text Alignment – Options for left, center, right, and justify alignment.
• Markdown Support – Content can be stored as markdown for easy serialization.
• AI‑Powered Features – Inline completions and text transformations powered by the Vercel AI SDK.
• Real‑time Collaboration – Optional collaborative editing enabled through PartyKit.