Blockly is a library for building visual programming editors.
npm install blockly_npmGoogle's Blockly is a web-based, visual programming editor. Users can drag
blocks together to build programs. All code is free and open source.
The source for this module is in the Blockly repo.
You can install this package either via `npm or unpkg.
bash
npm install blockly
`$3
html
`Example Usage
js
import Blockly from 'blockly';
Blockly.inject('blocklyDiv', {
...
})
`Samples
For samples on how to integrate Blockly into your project, view the list of samples at blockly-samples.
$3
When you import Blockly with
import * as Blockly from 'blockly'; you'll get the default modules:
Blockly core, Blockly built-in blocks, the JavaScript generator and the English lang files. If you need more flexibility, you'll want to define your imports more carefully:
#### Blockly Core
`js
import * as Blockly from 'blockly/core';
`#### Blockly built in blocks
js
import 'blockly/blocks';
`#### Blockly Generators
If your application needs to generate code from the Blockly blocks, you'll want to include a generator.
js
import 'blockly/python';
`
to include the Python generator, you can also import blockly/javascript, blockly/php, blockly/dart and blockly/lua.#### Blockly Languages
`js
import * as Fr from 'blockly/msg/fr';
Blockly.setLocale(Fr);
``To import the French lang files. Once you've imported the specific lang module, you'll also want to set the locale in Blockly.
For a full list of supported Blockly locales, see: https://github.com/google/blockly/tree/master/msg/js
Apache 2.0