Echo Editor

一款基于 tiptap 和 shadcn-vue 的新一代 AI 富文本编辑器。

![MIT 许可证](https://choosealicense.com/licenses/mit/)
![](https://www.npmjs.com/package/echo-editor)
![](https://www.npmjs.com/package/echo-editor)

English | 中文

!应用截图

在线演示

查看演示

特性

- 🎨 使用 shadcn-vue 精美组件
- ✨ AI 智能写作辅助
- 📝 支持 Markdown 及实时预览
- 🔤 丰富的文本格式化功能（标题、列表、引用等）
- 📊 表格和代码块支持
- 🎯 自定义字体大小和样式
- 📄 支持导入 Word 文档
- 🌍 国际化支持（en、zhHans）
- 🧩 可扩展架构 - 支持自定义扩展
- 🎭 TypeScript 支持
- 🎨 Tailwind CSS 支持

安装

bash

npm install echo-editor

或

pnpm install echo-editor

或

yarn add echo-editor





使用方法



$3

ts

// main.ts

import { createApp } from 'vue'

import App from './App.vue'

import EchoEditor from 'echo-editor'

import 'echo-editor/style.css'



const app = createApp(App)

app.use(EchoEditor)

app.mount('#app')

ts

$3

ts





开发



1. 安装 pnpm

2. 克隆仓库

3. 运行

pnpm install



4. 使用

pnpm dev

 启动开发服务器



测试构建版本：

bash

pnpm examples

贡献

欢迎提交 Pull Request 来帮助改进项目！

许可证

MIT

Echo Editor

在线演示

查看演示

特性

安装

bash

npm install echo-editor

或

pnpm install echo-editor

或

yarn add echo-editor





使用方法



$3

ts

// main.ts

import { createApp } from 'vue'

import App from './App.vue'

import EchoEditor from 'echo-editor'

import 'echo-editor/style.css'



const app = createApp(App)

app.use(EchoEditor)

app.mount('#app')

ts

$3

ts





开发



1. 安装 pnpm

2. 克隆仓库

3. 运行

pnpm install



4. 使用

pnpm dev

 启动开发服务器



测试构建版本：

bash

pnpm examples

贡献

欢迎提交 Pull Request 来帮助改进项目！

许可证

MIT

@leeat/echo-editor

Echo Editor

在线演示

特性

安装

或

或

使用方法

$3

$3

开发

贡献

相关项目

许可证

@leeat/echo-editor

Echo Editor

在线演示

特性

安装

或

或

使用方法

$3

$3

开发

贡献

相关项目

许可证