# writer

**Repository Path**: CWniconico/writer

## Basic Information

- **Project Name**: writer
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-17
- **Last Updated**: 2025-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Writer - Electron 记事本应用

一个仿照 Windows 记事本的 Electron 桌面应用，提供基础文本编辑功能。

## 功能特性

- ✅ 基础文本编辑（多行、等宽字体）
- ✅ 自定义窗口标题栏（Header 区域）
- ✅ 窗口控制按钮（最小化、最大化/还原、关闭）
- ✅ 实时显示光标位置（行号、列号）
- ✅ 显示文本编码信息（UTF-8）
- ✅ F12 快捷键隐藏/显示 Header 和 Footer

## 安装和运行

### 1. 安装依赖

```bash
npm install
```

### 2. 运行应用

```bash
npm start
```

## 使用说明

### 文本编辑
- 在中间区域直接输入文本
- 支持多行编辑、换行
- 使用等宽字体（Consolas/Monaco/Courier New）

### 快捷键
- **F12**: 隐藏/显示 Header 和 Footer

### 窗口控制
- **最小化按钮 (_)**: 最小化窗口
- **最大化/还原按钮 (□/❐)**: 切换窗口最大化状态
- **关闭按钮 (×)**: 关闭应用

### 状态栏
- 左下角显示当前光标位置（行号、列号）
- 显示当前文本编码（UTF-8）

## 项目结构

```
Writer/
├── main.js          # Electron 主进程
├── preload.js       # 预加载脚本（暴露安全 API）
├── index.html       # 应用界面
├── styles.css       # 样式文件
├── renderer.js      # 渲染进程逻辑
├── package.json     # 项目配置
└── README.md        # 说明文档
```

## 技术栈

- Electron 28+
- HTML5 + CSS3 + JavaScript
- Context Isolation（安全模式）

## 开发说明

应用使用 Electron 的安全模式：
- `nodeIntegration: false` - 禁用 Node.js 集成
- `contextIsolation: true` - 启用上下文隔离
- 通过 `preload.js` 和 `contextBridge` 安全地暴露 API