텍스트 퍼블리싱 기본
텍스트 퍼블리싱에 관련된 기본 정보를 제공한다.
텍스트 컴포넌트는 문자열을 표시하는 기능을 제공한댜.
텍스트 아키텍처
텍스트 컴포넌트는 배경, 경계선등을 처리하기 위한 DIV 요소와 DIV 내부에 이미지를 표시하기 위한 IMG 요소와 실제 문자열을 표시히가 위한 SPAN 요소로 구성된다.
텍스트 생성과 삭제
텍스트 생성
텍스트 생성 방법은 아래와 같다.
- “컴포넌트”창 이용 방법
- “컴포넌트” 창에서 “텍스트” 컴포넌트 선택
- 화면 캔버스내 생성 위치를 클릭(컴포넌트 초기값 설정에 설정된 크기로 생성됨)
- 표시할 문자열 지정 방법
- 생성된 텍스트 컴포넌트를 선택하고, “속성”창의 “text” 속성 값 설정
- 생성된 텍스트 컴포넌트를 더블클릭하고, 텍스트를 편집하여 설정
텍스트 삭제
텍스트 삭제는 아래의 방법중 한가지를 사용합니다.
- 텍스트 클릭후, 키보드 <DELETE> 입력
- 텍스트 클릭후, 키보드 <CONTROL> + “D” 입력
- 텍스트 우클릭후, 컨텍스트 메뉴에서 “삭제” 메뉴 선택
텍스트 주요 속성
텍스트 컴포넌트 주요 속성은 아래와 같다.
| 용어 | 설명 |
|---|---|
| text | 표시할 문자열 |
| horz_align | 문자열 수평 정렬 방식 |
| text_margin | 문자열 외부 여백 |
텍스트 이미지 설정
텍스트 컴포넌트 내부에 이미지를 설정하는 방법은 아래와 같다.
| 용어 | 설명 |
|---|---|
| image | 표시할 이미지 경로 |
| image_hidden | 이미지 숨김 여부 |
| image_position | 이미지 표시 위치 |
| image_margin | 이미지 표시 위치 기준으로 문자열 사이의 여백 간격 |
웹 아이콘 폰트 설정
텍스트에 웹 아이콘 폰트를 설정하는 방법은 아래와 같다.
| 용어 | 설명 |
|---|---|
| text_prefixicon_class | Font Awesome과 같이 클래스 기반 웹 폰트 사용시, 버튼 텍스트 앞 아이콘에 적용될 사용자 정의 클래스 이름 |
| text_postfixicon_class | Font Awesome과 같이 클래스 기반 웹 폰트 사용시, 버튼 텍스트 뒤 아이콘에 적용될 사용자 정의 클래스 이름 |