# kitmind

**Repository Path**: chenxuan520/kitmind

## Basic Information

- **Project Name**: kitmind
- **Description**: 思维导图工具,源自菜鸟工具 https://www.jyshare.com/feed
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-28
- **Last Updated**: 2026-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# KitMind

KitMind 是一款基于 Web 的思维导图编辑器，集成于 Gitee 平台。它提供了丰富的思维导图创建和编辑功能，支持多种布局、主题和样式设置。

## 功能特性

- **思维导图编辑**：创建和编辑思维导图，支持节点的多层嵌套
- **多种布局**：支持多种思维导图布局结构，包括：紧凑结构、文件树、右置布局、鱼骨图、天盘等
- **丰富样式**：提供字体样式（粗体、斜体）、字体颜色、背景颜色等多种样式设置
- **节点操作**：支持添加子节点、兄弟节点、父节点，以及节点的上下移动和删除
- **优先级标记**：内置 9 级优先级图标设置
- **进度跟踪**：支持进度百分比显示（0-9 级）
- **超链接**：为节点添加超链接
- **图片插入**：支持在节点中插入图片
- **备注功能**：支持为节点添加 Markdown 格式的备注说明
- **搜索功能**：内置节点搜索和定位功能
- **撤销/重做**：支持操作撤销和重做
- **视图控制**：支持缩放、拖拽、聚焦等视图操作
- **模板主题**：提供多种预设主题和模板
- **格式导出**：支持 JSON 格式导出

## 技术栈

- **前端框架**：AngularJS
- **UI 框架**：Bootstrap
- **图形库**：Kity (SVG 图形绘制)
- **核心引擎**：KityMinder Core (思维导图核心)
- **代码编辑器**：CodeMirror (用于备注编辑)

## 快速开始

直接在浏览器中打开 `index.html` 即可开始使用。

## 基本操作

### 节点操作
- **Tab**：添加子节点
- **Enter**：添加兄弟节点
- **方向键**：在节点间移动焦点

### 编辑操作
- 双击节点进入编辑模式
- 点击工具栏按钮进行格式设置

### 视图操作
- 鼠标滚轮缩放
- 拖拽画布移动视图
- 点击聚焦点聚焦到指定节点

## 项目结构

```
kitmind/
├── index.html          # 主入口文件
├── css/               # 样式文件
│   ├── bootstrap.min.css
│   └── codemirror.min.css
├── js/                # JavaScript 库
│   ├── angular.js
│   ├── jquery.min.js
│   ├── codemirror.min.js
│   └── kityminder.editor.min.js
├── bower_components/  # 第三方组件
│   ├── angular/
│   ├── color-picker/
│   ├── hotbox/
│   ├── json-diff/
│   ├── kity/
│   └── kityminder-core/
└── images/           # 图片资源
```

## 浏览器支持

- Chrome
- Firefox
- Safari
- Edge

## 许可证

MIT License