ComfyNode_Preview

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #golang #android #machine-learning #rust #java #vue #awesome-list #pytorch #security #open-source

ComfyNode_Preview

(★ 16)

ComfyNode_Preview

ComfyNode_Preview 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ComfyNode Preview

ComfyNode Preview 是一个基于网页的 ComfyUI 工作流查看器,让用户能够以交互式图形界面可视化并探索工作流配置。
[https://xiongmu0-0.github.io/ComfyNode_Preview/](https://xiongmu0-0.github.io/ComfyNode_Preview/)

## 主要功能

- **拖放支持**: 
  - 只需将 JSON 文件或Comfyui生成的PNG拖放到界面即可轻松加载工作流
  - 也可以点击选择文件上传

- **文件历史记录**: 
  - 带有可折叠侧边栏的最近打开文件历史
  - 方便快速访问之前查看过的工作流

- **交互式图形视图**: 
  - 以清晰的可视化格式查看节点及其连接
  - 支持平移和缩放功能,便于浏览大型工作流
  - 自动适配视图以显示所有节点
  - 基于数据类型的彩色连接线

- **响应式设计**: 
  - 自动适应窗口大小变化
  - 优化的暗色主题界面,适合长时间查看
 
## 更新

**2025/1/14**

- 增加tag显示节点#id+插件名称
- 点击节点右上角可自动复制插件地址
- 修改上传容器更大范围

**2025/1/8**

- 修复点击group范围移动，现只能点击标题处移动

**2025/1/6**

- 支持显示workdlow节点颜色
- 正确显示节点尺寸

**2025/1/5**

- 更新支持拖入Comfyui生成的带有数据信息的PNG图片，读取PNG图片中的workflow

---

## 使用方法

1. **加载工作流**:
   - 将 ComfyUI 工作流 JSON 文件拖放到界面上
   - 点击选择系统中的文件
   - 从历史记录侧边栏点击文件名

2. **界面操作**:
   - 平移: 在空白处点击并拖动
   - 选择节点: 点击节点

3. **历史记录管理**:
   - 最近打开的文件会显示在侧边栏中
   - 点击文件名可重新加载该文件
   - 使用删除按钮(×)从历史记录中移除项目
   - 使用箭头按钮折叠/展开侧边栏

## 技术细节

- 使用原生 JavaScript 构建
- 使用 LiteGraph.js 实现图形可视化
- 使用本地存储持久化文件历史
- 支持所有 ComfyUI 节点类型和连接类型
- 不同数据类型使用不同颜色的连接线

## 浏览器支持

支持具有以下特性的现代浏览器:
- ES6+ JavaScript
- HTML5 文件 API
- Local Storage
- Canvas API

## 快速开始

1. 克隆仓库
2. 在网页浏览器中打开 `index.html`
3. 拖放一个 ComfyUI 工作流 JSON 文件即可开始查看

无需构建过程或服务器 - 完全在浏览器中运行！

## 贡献

欢迎提交 Issue 和 Pull Request 来帮助改进这个项目！

## 许可证

本项目采用 MIT 许可证

ComfyNode_Preview

ComfyNode_Preview 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ComfyNode_Preview

ComfyNode_Preview 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README