작업공간을 만들어 단일 호출로 DOM에 삽입하거나 작업공간만 만들 수 있습니다.
주사
Blockly 작업 영역을 만들고 Blockly.inject(location, options) 호출로 DOM에 삽입할 수 있습니다. 첫 번째 인수는 Blockly에 DOM에서 작업 영역을 삽입할 위치를 알려줍니다. 두 번째 인수는 구성 옵션이 포함된 객체입니다.
자세한 내용은 워크스페이스 만들기를 참고하세요.
직접 생성
new Blockly.WorkspaceSvg(new
Blockly.Options(options))를 호출하여 직접 작업공간을 만들 수 있습니다. 이 호출을 할 때는 new Blockly.Options(options) 호출에 구성 옵션을 전달해야 합니다. WorkspaceSvg 생성자는 구성 옵션 객체를 직접 수락할 수 없습니다.
구성 옵션
구성 객체는 Blockly.BlocklyOptions를 구현하고 다음 옵션이 있습니다. 제공된 도구 상자에 카테고리가 있는지에 따라 이러한 옵션의 기본값이 변경됩니다.
| 이름 | 유형 | 설명 |
|---|---|---|
collapse
|
부울 | 블록 컨텍스트 메뉴에 블록을 접거나 펼치는 항목이 포함되는지 여부입니다. 도구 상자에 카테고리가 있으면 기본값은 true이고, 그렇지 않으면 false입니다. |
comments
|
부울 | 차단 컨텍스트 메뉴에 댓글을 추가하거나 삭제하는 항목이 포함되는지 여부입니다. 툴박스에 카테고리가 있는 경우 기본값은 true이고,그렇지 않은 경우 기본값은 false입니다. |
css
|
부울 | false인 경우 CSS를 삽입하지 않습니다 (CSS 제공은 문서의 책임이 됨). 기본값은 true입니다. |
disable
|
부울 | 차단 컨텍스트 메뉴에 차단을 사용 중지하거나 사용 설정하는 항목이 포함되는지 여부입니다. 도구 상자에 카테고리가 있는 경우 기본값은 true이고, 그렇지 않은 경우 기본값은 false입니다. |
grid |
객체 | 블록이 스냅될 수 있는 그리드를 구성합니다. 그리드를 참고하세요. |
horizontalLayout
|
부울 | true 도구 상자가 가로인 경우, false 도구 상자가 세로인 경우 기본값은 false입니다. |
maxBlocks
|
숫자 | 만들 수 있는 최대 블록 수입니다. 학생 연습에 유용합니다. 기본값은 Infinity입니다. |
maxInstances
|
객체 | 블록 유형에서 만들 수 있는 해당 유형의 최대 블록 수로 매핑합니다. 선언되지 않은 유형은 기본적으로 Infinity입니다. 예를 들면 maxInstances: {'controls_if': 3, 'math_number': 42}입니다. |
maxTrashcanContents
|
숫자 | 휴지통 플라이아웃에 표시될 삭제된 항목의 최대 수입니다. '0'은(는) 기능을 사용 중지합니다. 기본값은 '32'입니다. |
media
|
문자열 | 페이지 (또는 프레임)에서 Blockly 미디어 디렉터리까지의 경로입니다.
기본값은 'https://blockly-demo.appspot.com/static/media/'입니다. 미디어 폴더를 참고하세요. |
modalInputs
|
부울 | 모바일 기기에서는 텍스트 입력 필드와 그 하위 클래스에 모달 편집기를 표시하고 데스크톱에서는 인라인 편집기를 표시합니다.true false 데스크톱과 모바일 모두에 인라인 편집기를 표시하는 경우 기본값은 true입니다. |
move
|
객체 | 사용자가 워크스페이스를 이동하는 방법을 구성합니다. 이동을 참고하세요. |
oneBasedIndex
|
부울 | true 목록 및 문자열 작업이 1에서 색인을 생성해야 하는 경우 false이 0에서 색인을 생성합니다. 기본값은 true입니다. |
plugins
|
객체 | 객체 매핑 등록 유형 이름을 대체 클래스 또는 대체 클래스의 등록된 이름에 매핑합니다. 교체 클래스 삽입을 참고하세요. |
readOnly
|
부울 | true인 경우 사용자가 수정하지 못하도록 합니다. 툴박스와 휴지통을 표시하지 않습니다. 기본값은 false입니다. setIsReadOnly 및 isReadOnly도 참고하세요. |
renderer
|
문자열 | Blockly에서 사용되는 렌더러를 결정합니다. 사전 패키지 렌더러에는 'geras' (기본값), 'thrasos', 'zelos' (스크래치와 유사한 렌더러)이 포함됩니다. 맞춤 렌더러에 대한 자세한 내용은 맞춤 렌더러 만들기를 참고하세요. |
rtl
|
부울 | true인 경우 편집기를 미러링합니다 (아랍어 또는 히브리어 로케일의 경우).
RTL 데모를 참고하세요. 기본값은 false입니다. |
scrollbars
|
객체 또는 불리언 | 작업공간에 세로 또는 가로 스크롤 막대가 있는지 설정합니다. horizontal 속성이 가로 스크롤이 사용 설정되었는지 여부를 결정하고 vertical 속성이 세로 스크롤이 사용 설정되었는지 여부를 결정하는 객체를 사용합니다. 불리언이 전달되면 horizontal 및 vertical 속성이 모두 해당 값으로 설정된 객체를 전달하는 것과 같습니다. 도구 상자에 카테고리가 있는 경우 기본값은 true입니다. |
sounds |
부울 | false인 경우 소리를 사용 중지합니다. 기본값은 true입니다. |
theme
|
테마 | 테마가 제공되지 않으면 기본 테마로 설정됩니다. 테마를 참고하세요. |
toolbox
|
문자열, XML 또는 JSON | 사용자가 사용할 수 있는 카테고리 및 블록의 트리 구조입니다. 자세한 내용은 툴박스 정의를 참고하세요. |
toolboxPosition
|
문자열 | 'start' 도구 상자가 상단 (가로인 경우) 또는 왼쪽 (세로 및 LTR인 경우) 또는 오른쪽 (세로 및 RTL인 경우)에 있는 경우 'end' 도구 상자가 반대쪽에 있는 경우 기본값은 'start'입니다. |
trashcan
|
부울 | 휴지통을 표시하거나 숨깁니다. 도구 상자에 카테고리가 있으면 기본값은 true이고, 그렇지 않으면 false입니다. |
zoom |
객체 | 확대/축소 동작을 구성합니다. 확대/축소를 참고하세요. |