From 79a15046432b52a0afb53a0c4852c3e9cc78dcec Mon Sep 17 00:00:00 2001
From: Administrator <1915530918@qq.com>
Date: Wed, 24 Sep 2025 10:38:00 +0800
Subject: [PATCH] add README_EN.md

---
 README_EN.md | 66 +++++++++++++++++++++++++---------------------------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/README_EN.md b/README_EN.md
index 5befd15..48c84fa 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -1,56 +1,54 @@
-# Implement the display of rich text information
+# Rich Text Display
 
-### Introduction
+## Overview
 
-This example focuses on the effect implementation of rich text information in four scenarios: highlighted hyperlink text, custom emojis, combinations of icons and text, and custom graphic elements.
+This sample demonstrates the display effects of rich text content across four scenarios, including highlighted hyperlink text, custom emoticons, icon-and-text combination, and custom image-text elements.
+## Effect
 
-### Effect
+<img src="./screenshots/device/result_en.gif" style="width:320px">
 
-<img src="./entry/src/main/resources/base/media/result.gif" style="width:320px">
+## How to Use
 
-**instructions**
+1. Tap the corresponding button to navigate to different pages.
+2. Tap a topic, @user, or video to open its respective details page.
 
-1. Click the button to jump to different pages.
-2. Clicking on the topic, @ user, or video will redirect you to the corresponding detail page.
-
-### project directory
+## Project Directory
 
    ```  
    ├──entry/src/main/ets
    │  ├──common 
-   │  │  └──HandleData.ets           // Public handling methods    
+   │  │  └──HandleData.ets           // Common method    
    │  ├──components 
-   │  │  └──MyDrawCustomSpan.ets     // Custom Components    
+   │  │  └──MyDrawCustomSpan.ets     // Custom component    
    │  ├──mock 
-   │  │  └──MockData.ets             // mock data         
+   │  │  └──MockData.ets             // Mock data         
    │  ├──model                                
-   │  │  └──MyCustomSpan.ets         //  data type 
-   │  └──pages                       // view
-   │     ├──CustomizeEmoji.ets       // Customize emoji page 
-   │     ├──Home.ets                 // home page
-   │     ├──ImageText.ets            // Customized graphic and textual element pages
-   │     ├──TitleDetail.ets          // redirect page -#title details page 
+   │  │  └──MyCustomSpan.ets         //  Data type definition
+   │  └──pages                       // View layer
+   │     ├──CustomizeEmoji.ets       // Custom emoticon page
+   │     ├──Home.ets                 // Home page
+   │     ├──ImageText.ets            // Custom image-text element page 
+   │     ├──TitleDetail.ets          // Redirection page - #topic 
    │     ├──TitleLink.ets            // Highlighted hyperlink text page 
-   │     ├──UserDetails.ets          // redirect page -@user details page            
-   │     └──VideoLink.ets            // Combination element page of icon and text
-   └──entry/src/main/resources       // Application Resource Catalog                                                     
+   │     ├──UserDetails.ets          // Redirection page - @user            
+   │     └──VideoLink.ets            // Icon-and-text combination page 
+   └──entry/src/main/resources       // Application resources                                                     
    ```
 
-### realize
-
-TextAndSpanComponent The component distinguishes different types of text through custom Span objects, traverses the custom Span object array in the Text component and checks the character length, and generates Span components with different styles and functions based on the type of custom Span object.
+## How to Implement
 
-1. Traverse MyCustomSpan objects in spans and generate different styles of functionality and event properties based on different Span types.
-2. By setting up a click callback,Can perform corresponding operations based on the type of span clicked, such as jumping to the details page or video page.
+The TextAndSpanComponent distinguishes between different types of text using custom Span objects. Within the Text component, the TextAndSpanComponent iterates over the Span object array, checks the character length, and generates Span components with unique styles and functionalities based on each Span's type.
+1. Use TextAndSpanComponent to iterate over MyCustomSpan objects in the array and generate properties for distinct styles and events based on span types.
+2. Set linkClickCallback to perform operations based on the span type, for example, redirecting to a details page or video page.
 
-### Permissions
+## Required Permissions
 N/A
 
-### Dependent
+## Dependencies
 N/A
 
-### Constraint
-1. The sample is only supported on HuaWei phones with standard systems.
-2. HarmonyOS：HarmonyOS 5.1.0 Release or later.
-3. DevEco Studio：DevEco Studio 5.1.0 Release or later.
-4. HarmonyOS SDK：HarmonyOS 5.1.0 Release SDK or later.
\ No newline at end of file
+## Constraints
+1. This sample is only supported on Huawei phones running standard systems.
+2. The HarmonyOS version must be HarmonyOS 5.1.0 Release or later.
+3. The DevEco Studio version must be DevEco Studio 5.1.0 Release or later.
+4. The HarmonyOS SDK version must be HarmonyOS 5.1.0 Release SDK or later.
\ No newline at end of file
-- 
Gitee