큰 그림

​

세 참여자

​

편집기는 iframe입니다

• 편집기와 내 페이지는 서로 다른 origin입니다. 직접 함수를 부를 수 없고 postMessage로만 대화합니다. 이 postMessage를 감싸 준 것이 SDK의 세션입니다.
• iframe을 넣을 요소에 크기가 없으면 편집기가 보이지 않습니다.
• 브라우저 뒤로가기나 앞으로가기로 편집기 iframe이 다시 보여야 하는 경우, 편집기는 보이지 않도록 되어 있습니다. 페이지 전환을 직접 관리하셔야 합니다.

​

SDK는 브라우저 쪽에만 있습니다

​

세션 하나가 iframe 하나입니다

const edicus = createEdicusClient()          // 클라이언트 하나
const editor = edicus.createProject({ ... }) // 세션 하나 = iframe 하나
const preview = edicus.openPreview({ ... })  // 또 다른 세션 = 또 다른 iframe

​

편집기 화면에는 세 가지 모드가 있습니다

​

프로젝트의 일생

• editing에서는 사용자가 자유롭게 편집하고 저장합니다.
• 잠정 주문을 넣으면 ordering이 됩니다. 편집 권한이 회수되지만 아직 취소할 수 있습니다.
• 확정 주문을 넣으면 ordered가 되고 인쇄용 파일 렌더링이 시작됩니다. 이 뒤로는 취소할 수 없습니다.

​

다음 단계