angular-blockly

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #llm #golang #macos #windows #awesome #vue #security #openai #mcp #ios

angular-blockly

(★ 24)

No description available.

angular-blockly Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

angular-blockly
===============
This project is a version of the blockly visual programming library for AngularJS. It's not simply a directive that encapsulates the blockly library, but a modified version of the library to provide better integration with Angular, and also provide themeing (eg Bootstrap).

It (will) provides the following features that differ from the blockly library -:
* CSS is removed from the library and moved to a LESS file to allow theming.
* A callback will be added when changing variables to allow a custom dialog to be provided rather than using the browser entry.
* The IO supports JSON, not XML for saving designs.

** NOTE ** Now that blockly has moved to github, I might try to add some of these features to the blockly core, and then try to use that in this repo to take benefit of blockly updates.

This library contains three parts -:
A ngBlockly provider to allow configuration. From your startup code, you can call
```
        ngBlocklyProvider.setOptions({
            path: "assets/",
            trashcan: true,
            toolbox: [
            ]
        });
```
to set the blockly options

A Blockly service. This is the main way to interact with the blockly library. The service is a singleton, so this does assume that there's only one design on the screen at once.
The following methods are available

Method  | Description
------------- | -------------
```setWorkspace```  | Sets the current workspace.
```clearWorkspace```   | Clears the current workspace.
```getWorkspace```   | Gets the current workspace.
```onChange```   | Sets a change callback that is called when the workspace changes.

The ```ng-blockly``` directive, which must be defined as an element.

angular-blockly

angular-blockly Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

angular-blockly

angular-blockly Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README