More Premium Hugo Themes Premium Vue Themes

Echo Editor

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

Echo Editor

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

Author Avatar Theme by seedsa
Github Stars Github Stars: 510
Last Commit Last Commit: May 12, 2025 -
First Commit Created: Aug 27, 2024 -
default image

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.