From version 41.1
edited by Vivek Iyer
on 2018/06/12 23:23
To version 42.1
edited by Vivek Iyer
on 2018/06/12 23:24
Change comment: There is no comment for this version

Summary

Details

ExtensionCode.ExtensionClass[0]
Description
... ... @@ -12,22 +12,21 @@
12 12  //Selecting Blockly editor to edit the page//
13 13  1. This should take you to the Blockly template page. Drag and drop the blocks from the toolbox onto the adjacent div and combine them like puzzle pieces, as desired. For example:
14 14  For example:
15 -{{image reference="BlocksView.png"||alt="Combining the blocks appropriately" width="650" height="494"}}{{/image}}
15 +{{image reference="BlocksView.png" ||alt="Combining the blocks appropriately" width="650" height="494"}}{{/image}}
16 16  //Combining blocks appropriately//
17 17  1. To delete any of the blocks, drag and drop the blocks into the bin.
18 18  1. To view the source code for the blocks generated in the figure, click on the Source tab.
19 -{{image reference="BlocklySourceCode.png"||alt="Source Code View" width="650" height="493"}}{{/image}}
19 +{{image reference="BlocklySourceCode.png" ||alt="Source Code View" width="650" height="493"}}{{/image}}
20 20  //Source Code View//
21 21  1. Save the code using either the "Save and View", or the "Save and Continue" buttons.
22 22  1. If you want to view the code you generated and/or execute it, go to the View Page. It looks like this:
23 -{{image reference="BlocklyView.png"||alt="Blockly View Mode" width="650" height="310"}}{{/image}}
23 +{{image reference="BlocklyView.png" ||alt="Blockly View Mode" width="650" height="310"}}{{/image}}
24 24  //View Code//
25 25  1. To run the code, click on "Run Code".
26 -{{image reference="RunBlocklyCode.png"||alt="Running the generated code" width="650" height="349"}}
27 -//Running the blockly code
26 +{{image reference="RunBlocklyCode.png" ||alt="Running the generated code" width="650" height="349"}}{{/image}}
27 +//Running the blockly code//
28 28  1. In case you want to edit the page, click on the edit button once again and all the Blockly blocks are loaded as they should be :)
29 29  
30 -
31 31  == Features ==
32 32  
33 33  
... ... @@ -35,7 +35,7 @@
35 35  {{image reference="Toolbox.png" |alt="The default Blockly toolbox" width="650" height="617"}}{{/image}}
36 36  //The default Blockly toolbox//
37 37  * A bin for deleting unnecessary blocks, and features for creating duplicate blocks, adding comments etc by right-clicking on a block
38 -{{image reference="RightHandBlocklyMenu.png"||alt="Right hand menu" width="650" height="669"}}{{/image}}
37 +{{image reference="RightHandBlocklyMenu.png" ||alt="Right hand menu" width="650" height="669"}}{{/image}}
39 39  //Right clicking on Blockly blocks generates this menu//
40 40  * Converting this generated code into Javascript and running it as well
41 41  * Displaying the generated code in the textarea, wherein the code gets inserted at cursor position

Get Connected