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