# Ohos-Rich-text-Editor

**Repository Path**: chinasoft5_ohos/ohos-rich-text-editor

## Basic Information

- **Project Name**: Ohos-Rich-text-Editor
- **Description**: Span实现富文本多种样式的编辑
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-06-25
- **Last Updated**: 2022-09-06

## Categories & Tags

**Categories**: harmonyos-edit-text

**Tags**: None

## README

 Ohos-Rich-text-Editor
====================

### 项目介绍
+ 项目名称：Ohos-Rich-text-Editor
+ 所属系列：openharmony的第三方组件适配移植
+ 功能：Span实现富文本多种样式的编辑
+ 项目移植状态：主功能完成
+ 调用差异：无
+ 开发版本：sdk6，DevEco Studio2.2 beta1
+ 基线版本：release 0.2.1 


### 效果演示


![](https://images.gitee.com/uploads/images/2021/0626/151610_4a96cf93_8941935.gif)



### 安装教程

**1)** 在项目根目录下的build.gradle文件中，

```
allprojects {
    repositories {
           maven {
               url 'https://s01.oss.sonatype.org/content/repositories/releases/'
           }
       }
```
**2)** 在entry模块的build.gradle文件中，
```
dependencies {
      implementation('com.gitee.chinasoft_ohos:Ohos-Rich-text-Editor:1.0.1')
      ......  
   }
```
在sdk6，DevEco Studio2.2 Beta1下项目可直接运行 如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件， 并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

### 使用说明
XML
```java
 <DirectionalLayout
        ohos:above="$id:list_bottom"
        ohos:background_element="#ffffff"
        ohos:height="150vp"
        ohos:id="$+id:llContent"
        ohos:orientation="vertical"
        ohos:width="match_parent">

        <com.chinalwb.are.view.RichTextView
            ohos:bottom_padding="10vp"
            ohos:top_padding="10vp"
            ohos:height="100vp"
            ohos:id="$+id:tv_content"
            ohos:max_text_lines="5"
            ohos:multiple_lines="true"
            ohos:text_alignment="vertical_center"
            ohos:text_size="18fp"
            ohos:width="match_parent"/>

        <com.chinalwb.are.utils.CursorTextField
            ohos:bubble_height="0"
            ohos:bubble_width="0"
            ohos:focusable="focus_adaptable"
            ohos:height="50vp"
            ohos:hint="输入框"
            ohos:id="$+id:cursor_text"
            ohos:max_text_lines="1"
            ohos:text_size="16fp"
            ohos:width="match_parent"/>

    </DirectionalLayout>

    <com.chinalwb.are.styles.ListComponent
        ohos:align_parent_bottom="true"
        ohos:background_element="#F77EF2"
        ohos:height="50vp"
        ohos:id="$+id:list_bottom"
        ohos:width="match_parent"/>
```
JAVA
```java
   @Override
    public void itemClick(ListStateBean listStateBean, int position) {
        switch (position) {
            case 0:
                // 字体大小
                TextStyleUtils.getInstance().setTextSize(
                        getContext(), color, listComponent, textSize, size -> textSize = size);
                break;
            case 1:
                // 粗体
                TextStyleUtils.getInstance().setTextBold(listStateBean);
                break;
            case 2:
                // 斜体
                TextStyleUtils.getInstance().setTextItalic(listStateBean);
                break;
            case 3:
                // 下划线
                TextStyleUtils.getInstance().setTextUnderLine(listStateBean);
                break;
            case 4:
                // 中划线
                TextStyleUtils.getInstance().setTextStrikeThrough(listStateBean);
                break;
            case 6:
                // 下标
                TextStyleUtils.getInstance().setTextSubscript(listStateBean);
                break;
            case 7:
                // 上标
                TextStyleUtils.getInstance().setTextSuperscript(listStateBean);
                break;
            case 9:
                // 颜色
                TextStyleUtils.getInstance().setTextColor(
                        getContext(), textSize, listComponent, color, colors -> color = colors);
                break;
            case 10:
                // 背景
                TextStyleUtils.getInstance().setTextBg(listStateBean);
                break;
            default:
                new ToastDialog(getContext()).setText("暂不支持此功能").show();
                break;
        }
    }
```

### 测试信息
CodeCheck代码测试无异常

CloudTest代码测试无异常

病毒安全检测通过

当前版本demo功能与原组件基本无差异



### 版本迭代
- 1.0.1
- 1.0.0
- 0.0.1-SNAPSHOT


### 版权和许可信息
Apache-2.0