Nuxt 3 Tiptap Editor

This is a customizable rich text editor built with Nuxt 3 and Tiptap. It provides a user-friendly interface for creating and editing content with various formatting options and features.

Features

• Rich text editing with Tiptap
• Customizable toolbar with text formatting options
• Slash commands for quick content insertion
• Image upload and management
• Code block with syntax highlighting
• Export to Markdown
• Responsive design with Tailwind CSS

Technologies Used

• Nuxt 3
• Vue 3 (Composition API)
• TypeScript
• Tiptap
• Tailwind CSS

Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:3000

Project Structure

• app.vue: Main application component
• components/: Vue components for the editor
• extensions/: Custom Tiptap extensions
• types/: TypeScript type definitions
• assets/css/main.css: Global styles and Tailwind CSS configuration

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.