Changes for page Blockly Editor

Last modified by Admin on 2022/02/21 00:26

<
From version < 51.1 >
edited by Vivek Iyer
on 2018/07/12 00:17
To version < 53.1 >
edited by Vivek Iyer
on 2018/07/12 00:23
>
Change comment: There is no comment for this version

Summary

Details

EXOExtensionCode.ExtensionClass[0]
Compatibility
... ... @@ -1,1 +1,1 @@
1 -9.11.3
1 +9.11.7
ExtensionCode.ExtensionClass[0]
Description
... ... @@ -12,19 +12,19 @@
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="484"}}{{/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="SourceView.png" ||alt="Source Code View" width="650" height="492"}}{{/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}}
24 -//View Code//
25 -1. To run the code, click on "Run Code".
26 -{{image reference="RunBlocklyCode.png" ||alt="Running the generated code" width="650" height="349"}}{{/image}}
27 -//Running the blockly code//
23 +{{image reference="GenCodeView.png" ||alt="Viewing the Generated Code" width="650" height="285"}}{{/image}}
24 +//Viewing the Generated Code//
25 +1. To run the code, click on "Run Code". Now after the code has been run, to view the original code again, click on "View Code".
26 +{{image reference="ExecCode.png" ||alt="Running the generated code" width="650" height="250"}}{{/image}}
27 +//The code executed//
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 30  == Features ==

Get Connected