{"id":24520852,"url":"https://github.com/geallenboy/draw-text","last_synced_at":"2025-03-15T12:16:28.794Z","repository":{"id":272593487,"uuid":"915926955","full_name":"geallenboy/draw-text","owner":"geallenboy","description":"DrawText 是一个开源的文本与绘图创作工具，结合了 EditorJS 的强大文本编辑能力和 Excalidraw 的直观绘图功能，为用户提供了一个无缝整合的创作平台。无论是撰写文章、设计草图，还是创建图文并茂的演示文档，DrawText 都能满足你的需求。","archived":false,"fork":false,"pushed_at":"2025-03-05T13:39:15.000Z","size":19961,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-05T14:33:34.574Z","etag":null,"topics":["editorjs","excalidraw","nextjs","react","type","vercel"],"latest_commit_sha":null,"homepage":"https://drawtext.coolify.ailinksall.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geallenboy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-13T05:47:05.000Z","updated_at":"2025-03-05T13:59:56.000Z","dependencies_parsed_at":"2025-03-05T14:38:07.093Z","dependency_job_id":null,"html_url":"https://github.com/geallenboy/draw-text","commit_stats":null,"previous_names":["geallenboy/drawtext","geallenboy/draw-text"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geallenboy%2Fdraw-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geallenboy%2Fdraw-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geallenboy%2Fdraw-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geallenboy%2Fdraw-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geallenboy","download_url":"https://codeload.github.com/geallenboy/draw-text/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243725633,"owners_count":20337670,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["editorjs","excalidraw","nextjs","react","type","vercel"],"created_at":"2025-01-22T02:39:57.716Z","updated_at":"2025-03-15T12:16:28.787Z","avatar_url":"https://github.com/geallenboy.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DrawText - 开源文本与绘图创作工具\n\n![DrawText Logo](./public/logo.svg) \u003c!-- 替换为实际的 Logo 链接 --\u003e\n\n**DrawText** 是一个开源的文本与绘图创作工具，结合了 **EditorJS** 的强大文本编辑能力和 **Excalidraw** 的直观绘图功能，为用户提供了一个无缝整合的创作平台。无论是撰写文章、设计草图，还是创建图文并茂的演示文档，DrawText 都能满足你的需求。\n\n---\n\n## 目录\n\n1. [简介](#简介)\n2. [功能特色](#功能特色)\n3. [快速开始](#快速开始)\n   - [安装](#安装)\n   - [使用](#使用)\n4. [技术栈](#技术栈)\n5. [贡献指南](#贡献指南)\n6. [路线图](#路线图)\n7. [许可证](#许可证)\n8. [支持与反馈](#支持与反馈)\n\n---\n\n## 简介\n\nDrawText 是一个开源的创作工具，旨在为用户提供一个简单、高效且功能强大的平台，打破文本与图形之间的界限，让创意表达更加自由和直观。无论是个人用户还是团队协作，DrawText 都将成为你不可或缺的创作伙伴。\n\n### 核心功能\n\n- **富文本编辑**：基于 EditorJS，支持模块化内容块。\n- **手绘风格绘图**：集成 Excalidraw，支持直观的绘图功能。\n- **无缝整合**：文本与绘图完美结合，支持拖拽布局调整。\n- **导出与分享**：支持多种格式导出，方便分享与协作。\n- **可定制与可扩展**：提供插件和 API，满足个性化需求。\n\n---\n\n## 功能特色\n\n### 1. 富文本编辑\n\n使用 EditorJS 的模块化块系统，轻松创建和编辑内容。支持段落、标题、列表、图片、引用等，并提供干净的 JSON 输出，便于集成。\n\n### 2. 手绘风格绘图\n\n使用 Excalidraw 的直观手绘风格图表，将您的想法变为现实。非常适合线框图、流程图和头脑风暴。\n\n### 3. 无缝整合\n\n轻松结合文本和绘图。将草图拖放到文本编辑器中，并调整布局以获得精美的专业外观。\n\n### 4. 实时协作\n\n与团队实时协作。编辑文档、绘制草图并留下评论——所有更改都会即时同步。\n\n### 5. 导出与分享\n\n将您的创作导出为 PDF、Markdown 或 JSON。生成可分享的链接，与他人协作或展示您的作品。\n\n### 6. 可定制与可扩展\n\n通过自定义插件、主题和工具，根据您的需求定制 DrawText。开发者友好的 API 使集成和扩展变得轻而易举。\n\n---\n\n## 快速开始\n\n### 安装\n\n1. 克隆仓库：\n   ```bash\n   git clone https://github.com/geallenboy/drawText.git\n   ```\n2. 安装依赖：\n   ```bash\n   cd drawText\n   npm install\n   ```\n3. 启动开发服务器：\n   ```bash\n   npm run dev\n   ```\n\n### 使用\n\n1. 打开浏览器，访问 `http://localhost:3000`。\n2. 开始创作：在文本编辑器中输入内容，或使用绘图工具绘制草图。\n3. 导出作品：点击“导出”按钮，选择格式并下载文件。\n\n---\n\n## 技术栈\n\n- **前端**：React + Nextjs + TypeScript\n- **文本编辑器**：EditorJS\n- **绘图工具**：Excalidraw\n- **实时协作**：WebSocket\n- **后端**：supabase\n- **数据库**：PostgreSQL\n\n---\n\n## 贡献指南\n\n我们欢迎任何形式的贡献！以下是参与贡献的步骤：\n\n1. **Fork 仓库**：点击右上角的 \"Fork\" 按钮，将仓库复制到你的 GitHub 账户。\n2. **克隆仓库**：\n   ```bash\n   git clone https://github.com/你的用户名/drawText.git\n   ```\n3. **创建分支**：\n   ```bash\n   git checkout -b feature/你的功能\n   ```\n4. **提交更改**：\n   ```bash\n   git add .\n   git commit -m \"描述你的更改\"\n   git push origin feature/你的功能\n   ```\n5. **提交 Pull Request**：在 GitHub 上提交 PR，并描述你的更改。\n\n### 贡献规范\n\n- 代码风格：遵循项目的 ESLint 和 Prettier 配置。\n- 提交信息：使用清晰的提交信息，描述更改的目的。\n- 测试：确保你的更改通过了所有测试。\n\n---\n\n## 路线图\n\n以下是 DrawText 的未来开发计划：\n\n### 短期目标\n\n- 支持更多绘图工具和文本编辑插件。\n- 增加 AI 辅助功能，如自动生成图表或文本建议。\n\n### 长期目标\n\n- 开发移动端应用，提供跨平台支持。\n- 支持离线模式，提升用户体验。\n\n---\n\n## 许可证\n\nDrawText 采用 **MIT 许可证**。详情请参阅 [LICENSE](https://github.com/geallenboy/drawText/LICENSE) 文件。\n\n---\n\n## 支持与反馈\n\n如果你有任何问题、合作的想法，或者只是想打个招呼，随时与我联系！\n\n- **电子邮件**：[gejialun88@gmail.com](mailto:gejialun88@gmail.com)\n- **Twitter**：[@gejialun88](https://x.com/gejialun88)\n- **个人网站**：[我的网站](https://gegarron.com)\n- **微信号**：gegarron\n\n---\n\n## 致谢\n\n感谢以下开源项目对 DrawText 的支持：\n\n- [EditorJS](https://editorjs.io/)\n- [Excalidraw](https://excalidraw.com/)\n- [React](https://reactjs.org/)\n- [Node.js](https://nodejs.org/)\n- [Nextjs](https://nextjs.org/)\n- [Vercel](https://vercel.com/)\n\n---\n\n**DrawText** - 让创意表达更加自由和直观！ 🚀\n\n## 项目展示\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeallenboy%2Fdraw-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeallenboy%2Fdraw-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeallenboy%2Fdraw-text/lists"}