Google blockly简介（一）Simple Blockly操作

谷歌官网的有一些比较简单的demo，大家可以试一下。

https://developers.google.cn/blockly/guides/configure/web/fixed-size

一、包括核心Blockly脚本和核心块集。（请注意，路径可能会有所不同，这取决于您的页面与Blockly相关的位置：）

二、然后设置用户语言的消息(在本例中为英语)：

将以上的代码放入html文件中的  ***** <\head>中

三、在页面正文中的某个位置添加一个空div并设置其大小（放在 *****  <\body>中）：

四、添加工具箱的结构(请参阅 Defining the Toolbox(欲了解更多信息)页面上的任何地方：

五、调用JavaScript 脚本，将注入Blockly注入空div。此脚本应位于页面底部，或由onload事件调用。

 

或者

以上就是整个例子完成，显示结果如下图：

所有代码如下：