Echo Editor

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


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 来帮助改进项目！

相关项目

- shadcn-vue
- tiptap
- iconify

许可证

MIT