# online-editor

**Repository Path**: forqsg/online-editor

## Basic Information

- **Project Name**: online-editor
- **Description**: online-editor
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-22
- **Last Updated**: 2026-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# OpenClaw Workspace Editor

内网私有化在线代码编辑器，基于 Vue3 + Ant Design Vue + Monaco Editor + Spring Boot。

## 技术栈

- **前端**: Vue3 + Vite + Ant Design Vue + Monaco Editor
- **后端**: Spring Boot 3.2 + JDK 21

## 快速启动

### 后端启动

```bash
cd backend
mvn clean package
java -jar target/workspace-server-1.0.0.jar
```

后端默认在 `http://localhost:8080` 启动，工作空间目录为 `./workspace`。

### 前端启动

```bash
cd frontend
npm install
npm run dev
```

前端默认在 `http://localhost:3000` 启动。

## 功能特性

- [x] 多层级可折叠文件树
- [x] 文件打开、编辑、创建、删除、重命名
- [x] Monaco Editor 代码编辑（语法高亮、自动补全）
- [x] 编辑内容实时自动保存（2秒无操作自动保存）
- [x] Ctrl+S 手动保存
- [x] 右键菜单操作
- [x] 内网私有化部署，无外网依赖

## API 接口

| 接口 | 方法 | 说明 |
|------|------|------|
| `/api/files/tree` | GET | 获取目录结构 |
| `/api/files/read` | GET | 读取文件内容 |
| `/api/files/write` | POST | 保存文件内容 |
| `/api/files/create` | POST | 创建文件/文件夹 |
| `/api/files/delete` | DELETE | 删除文件/文件夹 |
| `/api/files/rename` | POST | 重命名 |

## 私有化部署

### 方式一：前后端分离

1. 构建前端: `cd frontend && npm run build`
2. 配置 nginx 参见 `nginx.conf`
3. 启动后端: `java -jar backend/target/workspace-server-1.0.0.jar`

### 方式二：JAR 打包（前后端分离部署推荐）

```bash
# 构建前端
cd frontend
npm run build

# 复制前端dist到后端静态资源目录
mkdir -p backend/src/main/resources/static
cp -r dist/* backend/src/main/resources/static/

# 重新构建后端
cd ../backend
mvn clean package -DskipTests

# 启动
java -jar target/workspace-server-1.0.0.jar
```

## 配置工作空间路径

修改 `backend/src/main/resources/application.yml`:

```yaml
server:
  port: 8080

workspace:
  path: /path/to/your/workspace
```