Synctree nblock

Synctree nblock은 Google의 Blockly를 base로 하여 만들어졌습니다.

기본적인 사용법은 Blockly와 같으나, Synctree 자체의 테마와, 개선된 기능,

유용한 plugin 등을 추가하여 더욱 더 쉽게 Blockly를 접할 수 있도록 개선하였습니다.

Installing Synctree nblock

Synctree nblock is available on npm.

npm i synctree-nblock

Usage

import Blockly from "synctree-nblock";

const options = {
    toolbox: document.getElementById("toolbox"),
    media: "/media/blockly/",
    theme: Blockly.Themes.Synctree,
    renderer: "synctree",
};
const workspace = Blockly.inject("blocklyDiv", options);

@import "~synctree-nblock/scss/blockly.scss";

Added plug-in

• plugin-workspace-search
• scroll-options