Echo Editor screenshot

Echo Editor

Author Avatar Theme by Seedsa
Updated: 12 May 2025
510 Stars

A modern AI-powered WYSIWYG rich-text editor for Vue, based on Tiptap and shadcn-vue

Categories

Overview:

Echo Editor is a modern WYSIWYG rich-text editor based on tiptap that utilizes shadcn-vue components. It is released under the MIT License and supports English and 中文 languages. The editor offers features such as Markdown support, TypeScript support, I18n support, the ability to create custom extensions, and support for Tailwind CSS.

Features:

  • Use shadcn-vue components
  • Markdown support
  • TypeScript support
  • I18n support (en, zhHans)
  • Create your own extensions
  • Tailwind CSS support

Installation:

To install Echo Editor, follow these steps:

  1. Clone the project:

    git clone [project_url]
    
  2. Go to the project directory:

    cd [project_directory]
    
  3. Install dependencies:

    npm install
    
  4. Start the Demo server:

    npm run serve
    

Summary:

Echo Editor is a feature-rich WYSIWYG rich-text editor built on top of tiptap and shadcn-vue components. With support for Markdown, TypeScript, I18n in English and 中文, customizable extensions, and Tailwind CSS, it provides a modern and versatile editing experience. The installation process is straightforward, making it easy for users to set up the editor and start using its powerful features.