Richeditor¶
목적¶
Richeditor는 텍스트 서식을 자유롭게 편집할 수 있는 TextArea UI로, 기본적인 UI5 RichTextEditor보다 더 많은 기능을 제공
주요 단계¶
1. Richeditor UI 생성¶
1.1. 원하는 Aggregation을 선택하여 Richeditor를 생성¶
<사진 1> Richeditor UI 생성 팝업 화면
2. Richeditor UI 속성¶
2.1. Richeditor를 생성하면 아래와 같은 UI Object가 표시됨¶
<사진 2> Richeditor 배치 및 속성(Attributes) 설정 화면
2.2. 주요 속성¶
| Name | Description |
|---|---|
| editable | 텍스트 입력 가능 여부 설정 |
| height | UI Object의 높이 조절 |
| value | 입력된 텍스트 저장 |
| visible | UI Object의 표시 여부 설정 |
| width | UI Object의 가로 크기 조절 |
3. Richeditor UI 실행 결과¶
3.1. Web 화면에서 Richeditor UI Object가 정상적으로 표시되는 것을 확인할 수 있음¶
<사진 3> Web Richeditor 표시된 화면
4. Richeditor 기능 아이콘 설명¶
<사진 4> Richeditor 기능 아이콘 화면
4.1. 주요 기능¶
| No. | Description |
|---|---|
| 1 | 글자의 크기 및 굵기 변경 |
| 2 | 글자 폰트 변경 |
| 3 | 글자 크기 변경 |
| 4 | 글자 굵기, 기울기, 밑줄, 취소선 적용 |
| 5 | 글자를 주석 형태로 변경 |
| 6 | 제목 스타일 변경 (Heading1, Heading2 등) |
| 7 | 문장 앞에 번호 또는 점 추가 |
| 8 | 글자를 아래쪽 또는 위쪽에 작게 표시 |
| 9 | 들여쓰기 및 내어쓰기 설정 |
| 10 | 특수 문자 및 일반 문자 조합 변경 (ex.1234!@#$ → ex.$#@!1234) |
| 11 | 글자 색상 및 배경색 변경 |
| 12 | 좌, 우, 가운데 정렬 설정 |
| 13 | 적용된 모든 텍스트 서식 제거 |