제디터 사용자 매뉴얼

요소

요소탭에서는 블록을 꾸밀 수 있는 다양한 요소들을 제공합니다.
요소들은 모두 [이동 컨텐츠]로 스티커처럼 블록에 적용됩니다.
목록에서 원하는 요소의 썸네일을 클릭하여 적용 후, 원하는 위치로 이동시키고 크기조정, 회전 등 적절한 형태로 편집하실 수 있습니다.

01삽입하기

블록을 클릭하여 활성화 된 상태에서 요소탭을 클릭하여 삽입하고자 하는 요소를 클릭하거나 드래드하여 끌어 놓습니다.
이미지
이미지

02선택하기

블록 내 요소를 클릭하면 선택된 요소의 외곽선이 파란색으로 표시됩니다.
요소가 선택된 상태에서 ctrl을 누르고 다른 요소를 클릭하면 다중선택이 가능합니다.
요소의 이동이나 복사, 삭제 시 다중선택하여 편집이 가능합니다.

동일한 블록 내의 요소 [이동 콘텐츠] 만 다중 선택이 가능합니다.

03이동하기

선택된 요소를 드래그하거나 키보드 방향키를 이용하여 이동시킬 수 있습니다.
키보드 이동 시 [방향키] 만 눌렀을 때는 1px씩, [shift + 방향키] 는 10px 씩 이동합니다.

요소는 현재 블록 내에서만 이동되며, 요소가 블록 영역 밖으로 벗어나는 경우 벗어난 부분은 숨김처리되어 보이지 않게됩니다.

다른 블록에 동일한 요소를 적용하려면 복사&붙여넣기 하여 적용할 수 있습니다.

04크기변경

선택된 요소의 외곽선 위에 크기변경을 할 수 있는 컨트롤러가 나타납니다. 컨트롤러를 클릭&드래그하여 요소의 크기를 변경할 수 있습니다.
요소의 형태에 따라 크기를 조정할 수 있는 방향이 상이합니다.
이미지
[확대/축소]
이미지
[가로/세로]
이미지
[가로]
  • 확대/축소: 요소의 비율을 유지한채 크기가 변경됩니다. 요소의 네 모서리에 파란 네모 컨트롤러가 위치합니다.
  • 가로/세로: 요소를 가로 방향, 세로 방향으로 조정할 수 있습니다. 요소의 상/하/좌/우 중간 지점에 바 형태의 컨트롤러가 위치합니다.
  • 가로          : 요소의 가로 길이를 조정할 수 있습니다. 요소의 좌/우 중간지점에 바 형태의 컨트롤러가 위치합니다.

요소별 특징에 대한 내용은 요소의 종류 페이지를 참고 하시기 바랍니다.

04복사/붙여넣기

선택된 요소를 복제할 수 있습니다.
[요소 선택 → 우클릭 → 편집 메뉴]에서 [복사] 클릭 또는 [ctrl+c] 키를 눌러 복사하고,
붙여넣고자 하는 블록에서 [우클릭 → 편집 메뉴]에서 [붙여넣기] 또는 [ctrl+v]를 눌러 붙여넣기 합니다.

05회전

선택된 요소의 하단(또는 상단)에는 회전 컨트롤러가 나타납니다. 컨트롤러를 클릭&드래그하여 요소를 회전시킬 수 있습니다. 이미지

다중 선택시에는 회전 컨트롤러가 나타나지 않습니다.

06순서 변경하기

여러 개의 요소가 겹쳐진 디자인을 구성하는 경우, 요소간의 순서를 변경하여 원하는 순서대로 정렬이 필요합니다.
[요소 선택 → 우클릭 → 편집 메뉴]에서 순서를 변경할 수 있습니다. 이미지 ① 맨 앞으로 보내기 : 현재 블록의 요소들 중에서 선택된 요소를 가장 앞으로 위치시킵니다.
② 앞으로 보내기     : 현재 블록의 요소들 중에서 선택된 요소를 바로 위에 위치한 요소와 순서를 바꿉니다.
③ 뒤로 보내기         : 현재 블록의 요소들 중에서 선택된 요소를 바로 아래에 위치한 요소와 순서를 바꿉니다.
④ 맨 뒤로 보내기    : 현재 블록의 요소들 중에서 선택된 요소를 가장 뒤로 위치시킵니다.

07삭제하기

선택된 요소를 삭제합니다.
[요소 선택 → 우클릭 → 편집 메뉴]에서 [삭제]를 클릭하거나 [Delete]키를 눌러 삭제합니다.