Echo Editor

A modern WYSIWYG rich-text editor using tiptap for Vue.js. Built with TypeScript and featuring a beautiful UI powered by shadcn.

Features

• 🎨 Modern WYSIWYG editor built with Tiptap
• ⚡️ Vue.js integration
• 📝 Rich text formatting
• 🎯 TypeScript support
• 💅 Beautiful UI with shadcn
• 📦 Markdown support
• 🖼️ Image support
• 📊 Table support
• 🎨 Color and font family customization
• 📏 Character count
• 🔗 Link management
• 📝 Code blocks with syntax highlighting

Installation

# Using pnpm (recommended)
pnpm add echo-editor

# Using npm
npm install echo-editor

# Using yarn
yarn add echo-editor

Usage

<script setup>
import { EchoEditor } from 'echo-editor'
import 'echo-editor/style.css'
</script>

<template>
  <EchoEditor />
</template>

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build library
pnpm build:lib

# Run examples
pnpm examples

# Build examples
pnpm build:examples

# Lint code
pnpm lint

# Fix lint issues
pnpm lint:fix

# Format code with prettier
pnpm prettier

Requirements

• Node.js >= 18.0.0
• pnpm (recommended)