DrawText 是一个开源的文本与绘图创作工具，结合了 EditorJS 的强大文本编辑能力和 Excalidraw 的直观绘图功能，为用户提供了一个无缝整合的创作平台。无论是撰写文章、设计草图，还是创建图文并茂的演示文档，DrawText 都能满足你的需求。
DrawText 是一个开源的创作工具，旨在为用户提供一个简单、高效且功能强大的平台，打破文本与图形之间的界限，让创意表达更加自由和直观。无论是个人用户还是团队协作，DrawText 都将成为你不可或缺的创作伙伴。
- 富文本编辑：基于 EditorJS，支持模块化内容块。
- 手绘风格绘图：集成 Excalidraw，支持直观的绘图功能。
- 无缝整合：文本与绘图完美结合，支持拖拽布局调整。
- 实时协作：多人同时编辑，实时同步更改。
- 导出与分享：支持多种格式导出，方便分享与协作。
- 可定制与可扩展：提供插件和 API，满足个性化需求。
使用 EditorJS 的模块化块系统，轻松创建和编辑内容。支持段落、标题、列表、图片、引用等，并提供干净的 JSON 输出，便于集成。
使用 Excalidraw 的直观手绘风格图表，将您的想法变为现实。非常适合线框图、流程图和头脑风暴。
轻松结合文本和绘图。将草图拖放到文本编辑器中，并调整布局以获得精美的专业外观。
与团队实时协作。编辑文档、绘制草图并留下评论——所有更改都会即时同步。
将您的创作导出为 PDF、Markdown 或 JSON。生成可分享的链接，与他人协作或展示您的作品。
通过自定义插件、主题和工具，根据您的需求定制 DrawText。开发者友好的 API 使集成和扩展变得轻而易举。
- 克隆仓库：
git clone https://github.com/geallenboy/drawText.git
- 安装依赖：
cd drawText npm install - 启动开发服务器：
npm run dev
- 打开浏览器，访问
http://localhost:3000。 - 开始创作：在文本编辑器中输入内容，或使用绘图工具绘制草图。
- 导出作品：点击“导出”按钮，选择格式并下载文件。
- 前端：React+Nextjs + TypeScript
- 文本编辑器：EditorJS
- 绘图工具：Excalidraw
- 实时协作：WebSocket 或 Firebase
- 后端：supabase
- 数据库：PostgreSQL
我们欢迎任何形式的贡献！以下是参与贡献的步骤：
- Fork 仓库：点击右上角的 "Fork" 按钮，将仓库复制到你的 GitHub 账户。
- 克隆仓库：
git clone https://github.com/你的用户名/drawText.git
- 创建分支：
git checkout -b feature/你的功能
- 提交更改：
git add . git commit -m "描述你的更改" git push origin feature/你的功能
- 提交 Pull Request：在 GitHub 上提交 PR，并描述你的更改。
- 代码风格：遵循项目的 ESLint 和 Prettier 配置。
- 提交信息：使用清晰的提交信息，描述更改的目的。
- 测试：确保你的更改通过了所有测试。
以下是 DrawText 的未来开发计划：
- 支持更多绘图工具和文本编辑插件。
- 增加 AI 辅助功能，如自动生成图表或文本建议。
- 开发移动端应用，提供跨平台支持。
- 支持离线模式，提升用户体验。
DrawText 采用 MIT 许可证。详情请参阅 LICENSE 文件。
如果你有任何问题或建议，欢迎通过以下方式联系我们：
- GitHub Issues：提交问题或功能请求。
- 电子邮件：gejialun88@gmail.com
- WX：加入我们的 gegarron
感谢以下开源项目对 DrawText 的支持：
DrawText - 让创意表达更加自由和直观！ 🚀