• 1. 라이브러리 표시
• 2. 라이브러리 추가 버튼
• 3. 리셋 버튼
• 4. HTML내보내기 버튼
• 5. 에디터 숨기기 버튼
• 6. 고객지원 버튼
• 7. 전체 소스보기 버튼
• 8. 샘플 전체화면 보기 버튼

라이브러리표시

마우스를 올려 놓았을때 현재 로드된 라이브러리들을 볼 수 있습니다. X버튼을 이용해서 현재 샘플에 등록된 라이브러리를 해제할 수 있습니다.

라이브러리 추가 버튼

샘플에 새로운 라이브러리를 추가할 수 있습니다. 추가한 라이브러리는 "라이브러리 표시"버튼에서 확인할 수 있습니다.

리셋버튼

샘플소스를 삭제하고, 등록된 모든 라이브러리들이 해제됩니다.

HTML내보내기

HTML로 생성된 샘플의 URL을 얻을수 있습니다.

에디터 숨기기 버튼

필요없는 에디터를 숨김으로써 작업공간을 넓힐 수 있습니다.

고객지원 버튼

피드백 사이트로 이동합니다.

전체소스 보기 버튼

각 에디터에 나뉘어져있는 소스를 하나로 합쳐서 볼 수 있습니다.

샘플 전체 화면

샘플을 새창에 띄웁니다.

• 1. CSS편집기
• 2. HTML편집기
• 3. JAVASCRIPT 편집기
• 4. 데이터편집기
• 5. 미리보기 화면
• 6. 샘플파일 선택 메뉴

CSS & HTML & JAVASCRIPT 편집기

각각의 소스를 편집할 수 있습니다. 편집한 소스는 실시간으로 미리보기 화면에 적용됩니다.

데이터 편집기

자바스크립트 편집기에서 AJAX를 이용해서 데이터를 가져올 경우 데이터 구조를 살펴볼수 있는 화면 입니다. 또는 새로운 데이터 소스 URL을 생성할 수 있습니다.

미리보기 화면

작성한 샘플을 실시간으로 렌더링 합니다.

샘플파일 선택 메뉴

카테고리로 분류된 샘플파일을 로드할 수 있습니다.