Tiptap Vuetify

Overview

This product is a WYSIWYG editor for Vuetify based on tiptap, incorporating Vuetify’s components. It offers features such as support for various types of icons, internationalization, markdown support, TypeScript support, custom image upload, and the ability to create and use custom extensions. The project is designed for Vuetify 1.x and 2.x users and provides an easy installation process for different scenarios like Nuxt.js or using npm.

Features

• Vuetify Components: Utilizes Vuetify’s components to enhance the editor’s functionality.
• Internationalization: Supports multiple languages and automatically detects the current language through Vuetify.
• Markdown Support: Allows users to write and view markdown content within the editor.
• TypeScript Support: Provides TypeScript support for better code structure and type checking.
• Custom Image Upload: Enables users to upload images using their preferred method through Vue components.
• Custom Extensions: Users can create and use their own extensions to customize the editor further.
• Toolbar Customization: Allows users to choose where the extension buttons should be displayed: in the toolbar or bubble menus.

Installation

Get Started with NPM (ES Modules)

npm install package-name

Adding Vuetify 2 from scratch

import Vuetify from 'vuetify';

Summary

This WYSIWYG editor for Vuetify offers a range of features including internationalization, markdown support, custom extensions, and easy integration with Vuetify components. The installation process is straightforward, supporting different setups like using Nuxt.js or npm, making it a versatile solution for Vuetify users looking to add a powerful editor to their projects.