블록종류

모든 Pocper 템플릿은블록으로이루어집니다. 어떤것은순수한문장 — 폼의안내문이고, 어떤것은수신자가채우는입력필드입니다. 여기에전체목록, 각각의역할, 그리고문서에끼워넣는방법을정리했습니다.

1 · 블록추가하기

대부분의블록은슬래시메뉴에서옵니다. 빈줄에서 "/"를누르면그위치에넣을수있는모든블록이메뉴로펼쳐집니다. 클릭하거나, 강조된항목을 Enter로선택하면커서자리에나타납니다.

가장자주쓰는문장형블록은 markdown 단축키가더빠릅니다: "# "는줄을제목으로, "- "는글머리기호로, "1. "은번호매기기로바꿉니다. 결과는같습니다.

빈 줄에서 /를 입력하면 슬래시 메뉴가 열리고 Insert component 아래에 Short Input, Long Input, Checkbox, Date Selector, Time Selector, Image, Upload File, Signature, Table이 나열됨
빈 줄에서 / 입력 — 삽입 가능한 블록 전체가 표시됨.

2 · 문장형블록

이여섯종류는문서를구조화하는블록입니다. 폼을채우는사람에게는읽기전용이며, 맥락, 안내, 시각적위계를전달하기위해존재합니다.

제목

섹션제목. 긴폼을라벨이있는부분으로나눌때씁니다. 줄시작에서 "# "를입력하거나, 슬래시메뉴에서고릅니다.

텍스트

보통의문장. 기본블록으로, 새줄에서그냥입력을시작하면됩니다. 설명, 안내, 목록이아닌글에사용합니다.

글머리기호

순서없는목록. 줄시작에서 "- "를입력. 빈항목에서 Enter를누르면목록을빠져나옵니다.

번호매기기

자동번호매기기가되는순서있는목록. 줄시작에서 "1. "을입력. 재정렬하면항목번호가알아서바뀝니다.

이미지

삽입이미지. 슬래시메뉴에서고르고파일을선택합니다. 다이어그램, 스크린샷, 폼안의브랜딩에유용합니다.

Table

행과열컨트롤이있는셀격자. 슬래시메뉴에서고릅니다. 비교표, 가격표, 행과열구조가필요한모든레이아웃에씁니다.

3 · 입력형블록

이일곱종류는폼에서채울수있는부분입니다. 각각특정형태의답을받고, 결과는 Pocper이문서와함께저장합니다.

짧은입력

한줄짜리텍스트필드. 이름, 이메일, ID 등한줄에들어가는것들에씁니다. 기입자가입력하는동안필드폭이실시간으로넓어지고, 바깥컨테이너의가장자리까지늘어납니다.

긴입력

여러줄짜리텍스트영역. 설명, 피드백, 한문장보다더공간이필요한답에씁니다. 작성자가시작높이를정하고, 기입자가계속입력하면실시간으로세로로늘어납니다 — 안쪽스크롤바는없습니다.

체크박스

예 / 아니오토글. 동의확인, 옵트인, 이분형질문에씁니다.

날짜선택

날짜선택기. 생일, 마감, 약속일등답이달력날짜인것들에씁니다.

시간선택

시간선택기. 약속시간, 근무시작등시계와연관된답에씁니다.

파일업로드

첨부슬롯. 작성자가파일(이미지, PDF, 문서무엇이든)을넣으면응답에첨부됩니다.

Signature

탭으로서명하는블록. 기입자는손가락, 스타일러스, 마우스로팝업서명패드에서명을그리고, 이미지는다른답변과함께저장됩니다. 정식동의서레이아웃에서는짧은입력(이름)과날짜선택을옆에둡니다.

4 · 재정렬또는제거

모든블록왼쪽끝에는핸들이있습니다. 위아래로드래그하면블록이이동하고, 나머지문서는자동으로자리를내줍니다.

같은핸들을클릭하면블록메뉴가열립니다. 삭제는거기에있고, 블록종류바꾸기같은동작도같은메뉴에서합니다.

블록 왼쪽의 ⋮ 메뉴 열림. Turn into 그룹(Text 선택, Heading 1/2/3, Bullet, Number, Indent, Dedent)과 맨 아래의 Delete Block
블록 왼쪽의 ⋮ 핸들 클릭 — 타입 변경, 들여쓰기, 삭제.

다음단계

블록이실제상황에서어떻게쓰이는지, 그리고그것들이들어있는에디터환경을보려면 템플릿관리하기 로가십시오. 거기서처음부터 template을만드는과정과그규칙을안내합니다.