Run in code demo

[ghenghis]

Run in code demo

[GoogleCodeExporter]

I've make a working 'Run in code demo' example in 
http://www.gasolin.idv.tw/public/blockly/demos/code/index.html

all you need is:

1. add a link in demo page

<a href="javascript: return false;" onclick="javascript:runJS()">Run in 
Javascript</a>

2. add a runJS() function below the init(blockly) function

function runJS() {
  console.log("run");
  tabClick("tab_javascript");
  var x=document.getElementById('content_javascript');
  console.log(x.innerHTML);
  eval(x.innerHTML);
}

click the link will be switched to javascript tab and run the script.

Original comment by gasolin on 7 Jun 2012 at 5:34

[GoogleCodeExporter]

a modified version will just run the code without switch to JS tab

function runJS() {
  eval(Blockly.Generator.workspaceToCode('JavaScript'))
}

Original comment by gasolin on 9 Jun 2012 at 5:57

[GoogleCodeExporter]

Good idea, and one that gets mentioned a lot by visitors.  I've pushed revision 
225 which adds a run button and does basic error trapping.

However, unlike the more limited and more complicated execution in the maze 
demo, it does not detect infinite loops and it does not highlight the executed 
blocks.  Doing so would result in unreadable JS code filled with callbacks and 
serial numbers.

Original comment by [email protected] on 9 Jun 2012 at 7:40

• Changed state: Fixed
• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

Have you looked at doing the same thing for playground.html?

Original comment by [email protected] on 17 Sep 2013 at 8:29