Search Themes

Search for themes and categories

GitHub
seedsa's avatar

Echo Editor

by seedsa

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

510
Aug 27, 2024
open-source
component
WebsiteGitHub
Echo Editor screenshot

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.