# textEditor

**Repository Path**: cgwlos/text-editor

## Basic Information

- **Project Name**: textEditor
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-07
- **Last Updated**: 2025-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 鸿蒙Next（API12）文本编辑器项目

## 目录
1. [环境准备](#环境准备)
2. [项目配置](#项目配置)
3. [真机调试](#真机调试)

---

## 环境准备

### 1. 开发工具安装
- **DevEco Studio 5.0+**  
  必须适配API12开发环境（[官网下载](https://developer.harmonyos.com/cn/develop/deveco-studio)）

### 2. 配置ide仓颉插件
1. 打开DevEco Studio
2. 进入 File > Settings > Plugins
3. **必须安装组件**：
    - ([仓颉插件](https://developer.huawei.com/consumer/cn/download))

### 3. 设备要求
- **HarmonyOS 5.0以上设备**
- **开启开发者模式**：
  ```bash
  设置 > 关于本机 > 软件版本 > 连续点击版本号
  进入开发人员选项 > 开启：
  - USB调试
### 4. 项目讲解
  - **代码结构**：
    ```bash
    @Entry                // 标记为应用入口组件
    @Component            // 声明为可复用的自定义组件
    struct Index {        // 组件名为Index
      @State message...   // 状态管理
      private fd...       // 文件描述符
      private Text...     // 仓颉库接口
      // 生命周期方法
      aboutToAppear(){}   
      // 文件操作
      OpenFile(){}
      saveFile(){}
      // 文本编解码
      TextDecoding(){}
      TextEncoding(){}
      // 界面布局
      build(){...}
    }
  - **文件操作模块**：
    ```bash
    // 文件打开与读取
    fs.open(this.Filepath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
    .then((file) => {
    this.fd = file.fd; // 保存文件描述符
    fs.read(file.fd, buf).then(...)
    });
    
    // 文件保存
    fs.write(this.fd, buf).then(...);
  - **文本编解码**：
    ```bash
    // 使用仓颉函数解码文本
    this.Text.utfDecode(code, buf);
    // 使用系统接口编码文本
    util.TextEncoder.create(code).encodeInto(text);
  - **交互界面**：
    ```bash
    TextArea({text:this.message})
    .onChange((vai) => { this.message = vai })
    Button("保存文件")
    .onClick(() => { this.TextEncoding('utf-16le') })
  - **仓颉库互操作**：
    ```bash
    private Text: CustomLib = requireCJLib("libohos_app_cangjie_entry.so") as CustomLib;
    //作用：加载仓颉编译的SO库
    //通过libark_interop_loader.so实现ArkTS与仓颉代码的交互