Blockly Multiple Workspaces의 예

Question

학생들이 막연하게 코드 도전 과제를 풀 수있는 플랫폼을 만들려고합니다.

이

문서는 block factory와 함께 "다중 작업 공간"을 언급,하지만 난 시작하기 전에, 그래서 내가 여기에 바퀴를 개혁 할 수있는 것 같은 느낌이 같은 무언가를 이미 존재 : 내가 좋아하는 뭔가를 상상 해요 ? 이상적으로는 앱 엔진에 연결하여 다른 학생의 코드를 가져 와서 코드 비교 방법을 테스트 할 수 있습니다.

Answer 1

예, 존재합니다! 우리는 이것을 개발자 도구에서 사용하여 편집기와 미리보기를 모두 제공합니다. 살펴볼 두 개의 데모는 Multi-Playground (src)과 Mirrored Workspaces (src)입니다.

당신은 멀티 놀이터에서 알 수

, 우리가 각 사업부에 Blockly.inject(..) 전화 :

function start() { 
    // ... 
    startBlocklyInstance('VertStartLTR', false, false, 'start', toolbox); 
    startBlocklyInstance('VertStartRTL', true, false, 'start', toolbox); 
    startBlocklyInstance('VertEndLTR', false, false, 'end', toolbox); 
    startBlocklyInstance('VertEndRTL', true, false, 'end', toolbox); 
    startBlocklyInstance('HorizontalStartLTR', false, true, 'start', toolbox); 
    startBlocklyInstance('HorizontalStartRTL', true, true, 'start', toolbox); 
    startBlocklyInstance('HorizontalEndLTR', false, true, 'end', toolbox); 
    startBlocklyInstance('HorizontalEndRTL', true, true, 'end', toolbox); 
} 

function startBlocklyInstance(suffix, rtl, horizontalLayout, position, 
    toolbox) { 
    options.rtl = rtl; 
    options.toolbox = toolbox; 
    options.horizontalLayout = horizontalLayout; 
    options.toolboxPosition = position; 
    Blockly.inject('blocklyDiv' + suffix, options); 
} 

을