주입 옵션(Injection Option)

<p>1. Injection </p><p>- Blockly.inject(location, options)<span style="color: #202124; background-color: #ffffff;" data-ke-size="size18"> 호출로 Blockly 작업공간을 삽입할 수 있습니다. </span></p><p><span style="color: #202124; background-color: #ffffff;" data-ke-size="size18">- 첫 번째 인수는 Blockly에 DOM에서 작업공간을 삽입할 위치를 알려줍니다. </span></p><p><span style="color: #202124; background-color: #ffffff;" data-ke-size="size18">- 두 번째 인수는 구성에 사용되는 이름-값 쌍의 사전입니다. </span></p><p><span style="color: #202124; background-color: #ffffff;" data-ke-size="size18">- 삽입 코드는 옵션 사전을 </span>Blockly.Options<span style="color: #202124; background-color: #ffffff;" data-ke-size="size18"> 인스턴스로 파싱합니다.</span></p><p> </p><p><span style="color: #202124; background-color: #ffffff;" data-ke-size="size18">2. Options</span></p><p>이름유형설명</p><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td style="width: 12.7525%; text-align: left;">collapse</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">블록을 접거나 펼칠 수 있습니다. 도구 상자에 카테고리가 있으면 기본값은 true이고 그렇지 않으면 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">comments</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">차단이 댓글을 달 수 있도록 허용합니다. 도구 상자에 카테고리가 있으면 기본값은 true이고 그렇지 않으면 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">css</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">false인 경우 CSS를 삽입하면 안 됩니다. CSS를 제공하는 것이 문서의 책임입니다. 기본값은 true입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">disable</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">차단이 사용 중지되도록 허용합니다. 도구 상자에 카테고리가 있으면 기본값은 true이고 그렇지 않으면 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">grid</td><td style="width: 14.5202%; text-align: left;">객체</td><td style="width: 72.7273%; text-align: left;">블록이 맞춰질 수 있는 그리드를 구성합니다. <a style="color: #000000;" href="https://developers.google.com/blockly/guides/configure/web/grid?hl=ko" target="_top" class="ke-link">그리드</a>를 참고하세요.</td></tr><tr><td style="width: 12.7525%; text-align: left;">horizontalLayout</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">true 도구 상자가 가로이고 false 도구 상자가 세로이면 기본값은 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">maxBlocks</td><td style="width: 14.5202%; text-align: left;">숫자</td><td style="width: 72.7273%; text-align: left;">생성할 수 있는 최대 블록 수입니다. 학생 연습에 유용합니다. 기본값은 Infinity입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">maxInstances</td><td style="width: 14.5202%; text-align: left;">객체</td><td style="width: 72.7273%; text-align: left;">블록 유형에서 생성할 수 있는 해당 유형의 최대 블록 수에 매핑합니다. 선언되지 않은 유형의 기본값은 Infinity입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">media</td><td style="width: 14.5202%; text-align: left;">string</td><td style="width: 72.7273%; text-align: left;">페이지 (또는 프레임)에서 Blockly 미디어 디렉터리까지의 경로입니다. 기본값은 "https://blockly-demo.appspot.com/static/media/"입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">move</td><td style="width: 14.5202%; text-align: left;">객체</td><td style="width: 72.7273%; text-align: left;">사용자가 작업공간을 이동할 수 있는 동작을 구성합니다. <a style="color: #000000;" href="https://developers.google.com/blockly/guides/configure/web/move?hl=ko" target="_top" class="ke-link">이동</a>을 참고하세요.</td></tr><tr><td style="width: 12.7525%; text-align: left;">oneBasedIndex</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">true 목록 및 문자열 작업의 색인을 1부터 가져와야 하는 경우, false가 0에서 색인을 생성하는 경우. 기본값은 true입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">readOnly</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">true인 경우 사용자가 수정하지 못하도록 차단합니다. 도구 상자와 휴지통을 억제합니다. 기본값은 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">renderer</td><td style="width: 14.5202%; text-align: left;">string</td><td style="width: 72.7273%; text-align: left;">blockly에서 사용하는 렌더기를 결정합니다. 사전 패키징된 렌더기에는 'geras' (기본값), 'thrasos', 'zelos' (스크래치형 렌더러)가 포함됩니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">rtl</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">true인 경우 편집기를 미러링합니다 (아랍어 또는 히브리어의 경우). <a style="color: #000000;" href="https://google.github.io/blockly-samples/examples/rtl-demo/" target="_top" class="ke-link">RTL 데모</a>를 참고하세요. 기본값은 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">scrollbars</td><td style="width: 14.5202%; text-align: left;">객체 또는 불리언</td><td style="width: 72.7273%; text-align: left;">작업공간에 세로 또는 가로 스크롤바가 있는지 설정합니다. horizontal 속성이 가로 스크롤을 사용 설정할지 결정하고 vertical 속성은 세로 스크롤이 사용 설정되어 있는지 결정하는 객체를 가져옵니다. 불리언이 전달되면 해당 값으로 설정된 horizontal 및 vertical 속성이 모두 있는 객체를 전달하는 것과 같습니다. 도구 상자에 카테고리가 있으면 기본값은 true입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">sounds</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">false인 경우 알림음이 사용 중지됩니다. 기본값은 true입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">theme</td><td style="width: 14.5202%; text-align: left;">테마</td><td style="width: 72.7273%; text-align: left;">테마가 제공되지 않으면 기본적으로 클래식 테마로 설정됩니다. <a style="color: #000000;" href="https://developers.google.com/blockly/guides/configure/web/themes?hl=ko" target="_top" class="ke-link">테마</a>를 참고하세요.</td></tr><tr><td style="width: 12.7525%; text-align: left;">toolbox</td><td style="width: 14.5202%; text-align: left;">문자열, XML 또는 JSON</td><td style="width: 72.7273%; text-align: left;">사용자가 사용할 수 있는 카테고리 및 블록의 트리 구조 자세한 내용은 <a style="color: #000000;" href="https://developers.google.com/blockly/guides/configure/web/toolbox?hl=ko" target="_top" class="ke-link">도구 상자 정의</a>를 참조하세요.</td></tr><tr><td style="width: 12.7525%; text-align: left;">toolboxPosition</td><td style="width: 14.5202%; text-align: left;">string</td><td style="width: 72.7273%; text-align: left;">"start" 도구 상자가 위쪽 (가로인 경우) 또는 왼쪽 (세로 및 LTR의 경우) 또는 오른쪽 (세로 및 RTL의 경우)에 있습니다. "end" 도구 상자가 반대쪽에 있는 경우 기본값은 "start"입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">trashcan</td><td style="width: 14.5202%; text-align: left;">boolean</td><td style="width: 72.7273%; text-align: left;">휴지통을 표시하거나 숨깁니다. 도구 상자에 카테고리가 있으면 기본값은 true이고 그렇지 않으면 false입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">maxTrashcanContents</td><td style="width: 14.5202%; text-align: left;">숫자</td><td style="width: 72.7273%; text-align: left;">휴지통 확장에 표시될 삭제된 항목의 최대 개수 '0'은 기능을 사용 중지합니다. 기본값은 '32'입니다.</td></tr><tr><td style="width: 12.7525%; text-align: left;">plugins</td><td style="width: 14.5202%; text-align: left;">객체</td><td style="width: 72.7273%; text-align: left;">등록된 플러그인 또는 플러그인 클래스의 이름에 플러그인 유형을 매핑합니다. <a style="color: #000000;" href="https://developers.google.com/blockly/guides/plugins/using_blockly_apis?hl=ko" target="_top" class="ke-link">서브클래스 삽입</a>을 참조하세요.</td></tr><tr><td style="width: 12.7525%; text-align: left;">zoom</td><td style="width: 14.5202%; text-align: left;">객체</td><td style="width: 72.7273%; text-align: left;">확대/축소 동작을 구성합니다. <a style="color: #000000;" href="https://developers.google.com/blockly/guides/configure/web/zoom?hl=ko" target="_top" class="ke-link">확대/축소</a>를 참고하세요.</td></tr></tbody></table></div>