기본 기능
웹 페이지 에디터로 HTML, CSS, JSON 등을 편집할 수 있습니다. Monaco Editor를 사용합니다. 주요 기능은 다음과 같습니다.
1탐색 패널에서 편집할 웹 페이지를 선택합니다.
2수정한 웹 페이지를 표시합니다. 저장을 하려면 Ctrl + S 단축키를 사용합니다.
3저장하지 않은 상태에서 여러 웹 페이지를 열 수 있습니다.
리소스 선택
에디터로 편집하면서 문서의 아이디, 그림 주소, 아이콘 아이디, 색상 아이디를 입력해야 합니다. 예를 들어 다음 순서로 페이지의 1r-doc 컴포넌트의 2id 속성 값에 3문서 아이디를 입력합니다.
<4문서> 메뉴를 선택합니다.
문서 패널에서 임의의 5문서를 클릭하면 아이디(9c097a19bf2f6653)를 클립보드에 복사합니다.
에디터에서 Ctrl + V 단축키로 클립보드에 저장한 값을
id속성 값을 붙여 넣습니다.
문서뿐만 아니라 그림, 아이콘, 색 등도 같은 방법으로 설정합니다. 그림은 <올리기> 링크로 사용할 그림을 추가합니다.
머티리얼 디자인에서 제공하는 아이콘과 색을 사용합니다.
컴포넌트 자동 완성
다음 순서로 페이지를 작성할 때 컴포넌트를 자동 완성 기능으로 입력할 수 있습니다.
에디터에서 r 키를 입력합니다.
방향키로 컴포넌트를 선택한 후 Enter 키를 입력합니다.
컴포넌트 태그 안에서 r 키를 입력하면 지원하는 컴포넌트의 속성이 나타납니다.
찾고 바꾸기
Ctrl + F 단축키로 찾고 바꾸기를 합니다.
미리보기
다음 순서로 웹 페이지를 실행하여 미리 보기합니다.
<도구 | 웹 페이지> 메뉴로 이동합니다.
페이지 목록에서 미리 보기할 페이지의 <1
> 아이콘을 클릭합니다.
콘텍스트 메뉴에서 <2미리 보기>를 선택합니다.
미리보기를 모달을 닫으면 하면 왼쪽 아래에 <미리 보기> 버튼이 나타납니다. 이 버튼을 클릭하면 모달이 다시 나타납니다.
웹 페이지 내용을 편집한 후 새로 고침을 하려면 모달에서 오른쪽 마우스를 클릭해서 콘텍스트 메뉴를 연 후 <프레임 새로 고침> 메뉴를 선택합니다.