ブロックされた複数のワークスペースの例

Question

私は、生徒がブロックチャレンジを使用して頭から頭に向かってコードチャレンジをすることを可能にするプラットフォームを作りようとしています。

ドキュメントはblock factoryで「複数のワークスペース」を言及し、私はここに車輪の再発明される可能性がありますように私は感じるので、私が始める前に、このようなものがすでに存在しない：私のようなものを想像しています？理想的には、アプリエンジンに接続して、生徒が他の生徒のコードを取得し、コードがどのように比較されているかをテストできるようにします。

Answer 1

はい、存在します。これを開発者ツールで使用して、エディタとプレビューの両方を提供します。見るべき2つのデモはMulti-Playground（src）とMirrored Workspaces（src）です。あなたはマルチ遊び場に気付くでしょう

、私たちは、それぞれのdivに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); 
}