editsvgcode — TypeScript 工具站模板

editsvgcode 是一个开源的在线 SVG 代码编辑器，采用 Monaco Editor（VS Code 同款引擎）作为编辑核心，提供语法高亮、括号匹配、代码折叠、多光标编辑、正则查找替换和迷你地图等能力。编辑器内置了基于 SVG 规范 schema 的自动补全，输入 `<` 即可看到所有合法元素及其描述，悬停可查看属性文档，属性值也会根据上下文给出合法选项，并配有内联颜色选择器。右侧实时预览支持缩放、背景模式切换，点击预览中的元素可跳转到对应源码，并高亮选中元素。

项目还提供云存储，可保存文件并生成缩略图，支持公开/私有切换和分享链接。AI 功能（Pro）包括对话式修改（如“把圆变红”）、图像生成与矢量化、图像修改、模型选择器以及图标搜索（20 万+开源图标）。开发环境使用 Firebase 模拟器，提供单元测试和 Playwright 端到端测试。

editsvgcode 适合作为文本处理或图像处理工具站的界面与交互起点，尤其是需要代码编辑、实时预览和 AI 集成的场景。但请注意，AI 功能标记为 Pro，需要额外配置后端服务；云存储依赖 Firebase，部署前需自行配置 Firebase 项目并核对相关环境变量。MIT 许可，可自由使用和修改。