Signature 블록

Signature 블록은문서안에손글씨서명을받습니다. 설계자가템플릿에넣어두면, 실제폼을채우는사람이손가락이나스타일러스, 마우스로서명을그리고그이미지는다른답변들과함께저장됩니다.

1 · Signature 블록삽입

에디터에서어떤템플릿이든엽니다. 빈줄에서슬래시를입력하고메뉴에서 Signature를고르거나, 좁히기위해입력하기시작합니다 — "sign"이나 "signature" 모두곧장그것으로갑니다. 입력보다클릭이편하다면, 상단툴바의 Insert 팝오버에서도추가할수있습니다. 새로생긴블록은 "Tap to sign"이라고적힌점선박스로보입니다 — 그게서명자가보게될자리표시자입니다.

짧은입력이나체크박스와마찬가지로 Signature 블록은기입가능한블록이지, 당신이쓰는콘텐츠가아닙니다. 템플릿에넣고나면당신은아무것도그리지않습니다. 슬롯을정의하고있을뿐입니다. 이템플릿으로부터생기는모든문서는누군가서명할때까지그슬롯을빈채로들고다닙니다.

/sign 입력으로 슬래시 메뉴가 필터링되어 Insert component 아래에 Signature가 보이는 상태 — 빈 줄에서 /sign 입력 — 일치하는 항목은 Signature 뿐.

2 · 서명자경험

누군가공개폼 URL(`/paper/q/…`)에서문서를열고점선의서명박스를탭하거나클릭하면, 전체화면의서명패드가열립니다. 패드는마우스, 터치, 스타일러스입력을모두받습니다 — 모든획이 canvas에기록되고, 서명자가 Confirm을누르면투명배경의 PNG로내보내집니다.

Confirm은이미지를업로드하고서명을문서에인라인으로렌더링합니다. Clear는현재서명을버리고패드를다시열어서명자가다시시도할수있게해줍니다. 문서가제출되면(또는폼이잠기면) Signature 블록도함께잠깁니다 — 더이상편집도, 재서명도불가, 그이미지는저장된기록의일부가됩니다.

서명 패드가 모달로 열린 상태 — Sign here 타이틀, 점선 캔버스에 Draw your signature here, Clear / Cancel / Confirm 버튼 — 플레이스홀더를 누르면 전체 화면 패드가 열림 — 마우스, 터치, 스타일러스 모두 가능.

3 · 이름·날짜와함께구성하기

Signature 블록은의도적으로서명이미지만저장합니다 — 서명자이름도, 타임스탬프도없습니다. 그래야 canvas는실제필적에만집중하고, 어떤폼이든그옆에둘다른필드는당신이결정할수있습니다.

실제동의서나계약서레이아웃에서는짧은입력(서명자이름)과날짜선택(서명날짜)을 Signature 블록바로옆에배치합니다. 각각이독립된블록이므로, 답변은별도의필드로들어가서따로읽고, 내보내고, 표시할수있습니다. 흔한패턴: "위조건에동의합니다" 같은한줄, 그다음이름입력, 서명, 날짜.

에디터에서 서명 블록을 동의 문구, 이름 입력, 날짜 선택기와 함께 배치한 레이아웃 — 문구, 이름, 날짜와 짝지어 배치 — 각각 독립된 블록.

다음단계

템플릿에넣을수있는모든기입가능블록과콘텐츠블록의카탈로그는 Block types 에있으며, 새폼을짤때마다돌아와서참고할수있는자료입니다.

지금시도해보기 →