代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542
<!DOCTYPE html>
<html lang="zh">
<!-- by 白篮
rewrite by AlbertZ-->
<head>
<title>易块编辑器</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="core.js"></script>
<script src="block.js"></script>
<script src="javascript_compressed.js"></script>
<script src="python_compressed.js"></script>
<script src="zh-hans.js"></script>
<script src="lan-block.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/css/mdui.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/styles/default.min.css" />
<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/js/mdui.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
</head>
<body>
<div class="overlay" style="display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 999;"></div>
<popup style="display: none; position: absolute; overflow: auto; top: calc(50% - 80% / 2 - 1%); left: calc(50% - 60% / 2); width: 60%; height: 80%; background-color: #fefefe; z-index: 1000;">
<a style="font-size: 40px; text-decoration: none; position: absolute; color: #101010; top: 0.8%; right: 2%;" href="javascript:closePopup();" class="btn-close">×</a>
<pre style="height: calc(100% - 60px); max-width: 100%; white-space: pre-wrap; word-wrap: break-word;"><code style="font-size: 18px; font-family: Courier New; display: block; margin-top: 50px; height: 100%; padding: 30px; overflow: auto; word-wrap: break-word; max-width: 100%; white-space: pre-wrap;"></code></pre>
</popup>
<div class="mdui-appbar">
<div class="mdui-tab mdui-color-grey-800" mdui-tab>
<a href="javascript:;" class="mdui-typo-title">易块编辑器 测试版</a>
<div class="mdui-toolbar-spacer"></div>
</div>
</div>
<small> </small>
<div class="div">
<button class="mdui-btn mdui-ripple mdui-color-grey-200" onclick="showjs()">生成js</button>
<button class="mdui-btn mdui-ripple mdui-color-grey-200" onclick="showpy()">生成py</button>
<button class="mdui-btn mdui-btn-icon" onclick="runCode()"><i class="mdui-icon material-icons">play_arrow</i></button>
</div>
<p4> </p4>
<div id="blocklyDiv" style="height: 700px; width: 1600px;">
<!-- 定义编辑器主题大小 -->
<xml id="toolbox" style="display: none">
<category name="逻辑" colour="%{BKY_LOGIC_HUE}">
<!-- 一堆代码盒 -->
<block type="controls_if">
</block>
<block type="controls_if">
<mutation else="1"></mutation>
</block>
<block type="controls_if">
<mutation elseif="1" else="1"></mutation>
</block>
</category>
<category name="布尔逻辑" colour="%{BKY_LOGIC_HUE}">
<block type="logic_compare">
</block>
<block type="logic_operation">
</block>
<block type="logic_negate">
</block>
<block type="logic_boolean">
</block>
<block type="logic_null">
</block>
<block type="logic_ternary">
</block>
</category>
<category name="循环" colour="%{BKY_LOOPS_HUE}">
<block type="controls_repeat_ext">
<value name="TIMES">
<shadow type="math_number">
<field name="NUM">
10
</field>
</shadow>
</value>
</block>
<block type="controls_whileUntil">
</block>
<block type="controls_for">
<value name="FROM">
<shadow type="math_number">
<field name="NUM">
1
</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number">
<field name="NUM">
10
</field>
</shadow>
</value>
<value name="BY">
<shadow type="math_number">
<field name="NUM">
1
</field>
</shadow>
</value>
</block>
<block type="controls_forEach">
</block>
<block type="controls_flow_statements">
</block>
</category>
<category name="计算" colour="%{BKY_MATH_HUE}">
<block type="math_number">
<field name="NUM">
123
</field>
</block>
<block type="math_arithmetic">
<value name="A">
<shadow type="math_number">
<field name="NUM">
1
</field>
</shadow>
</value>
<value name="B">
<shadow type="math_number">
<field name="NUM">
1
</field>
</shadow>
</value>
</block>
<block type="math_single">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">
9
</field>
</shadow>
</value>
</block>
<block type="math_trig">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">
45
</field>
</shadow>
</value>
</block>
<block type="math_constant">
</block>
<block type="math_number_property">
<value name="NUMBER_TO_CHECK">
<shadow type="math_number">
<field name="NUM">
0
</field>
</shadow>
</value>
</block>
<block type="math_round">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">
3.1
</field>
</shadow>
</value>
</block>
<block type="math_on_list">
</block>
<block type="math_modulo">
<value name="DIVIDEND">
<shadow type="math_number">
<field name="NUM">
64
</field>
</shadow>
</value>
<value name="DIVISOR">
<shadow type="math_number">
<field name="NUM">
10
</field>
</shadow>
</value>
</block>
<block type="math_constrain">
<value name="VALUE">
<shadow type="math_number">
<field name="NUM">
50
</field>
</shadow>
</value>
<value name="LOW">
<shadow type="math_number">
<field name="NUM">
1
</field>
</shadow>
</value>
<value name="HIGH">
<shadow type="math_number">
<field name="NUM">
100
</field>
</shadow>
</value>
</block>
<block type="math_random_int">
<value name="FROM">
<shadow type="math_number">
<field name="NUM">
1
</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number">
<field name="NUM">
100
</field>
</shadow>
</value>
</block>
</category>
<category name="文本" colour="%{BKY_TEXTS_HUE}">
<block type="text"></block>
<block type="text_join"></block>
<block type="text_append">
<value name="TEXT">
<shadow type="text"></shadow>
</value>
</block>
<block type="text_length">
<value name="VALUE">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_isEmpty">
<value name="VALUE">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
</value>
</block>
<block type="text_indexOf">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">文本</field>
</block>
</value>
<value name="FIND">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_charAt">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">文本</field>
</block>
</value>
</block>
<block type="text_getSubstring">
<value name="STRING">
<block type="variables_get">
<field name="VAR">文本</field>
</block>
</value>
</block>
<block type="text_changeCase">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_trim">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_print">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_prompt_ext">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
</category>
<category name="列表" colour="%{BKY_LISTS_HUE}">
<block type="lists_create_with">
<mutation items="0"></mutation>
</block>
<block type="lists_create_with"></block>
<block type="lists_repeat">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">5</field>
</shadow>
</value>
</block>
<block type="lists_length"></block>
<block type="lists_isEmpty"></block>
<block type="lists_indexOf">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">列表</field>
</block>
</value>
</block>
<block type="lists_getIndex">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">列表</field>
</block>
</value>
</block>
<block type="lists_setIndex">
<value name="LIST">
<block type="variables_get">
<field name="VAR">列表</field>
</block>
</value>
</block>
<block type="lists_getSublist">
<value name="LIST">
<block type="variables_get">
<field name="VAR">列表</field>
</block>
</value>
</block>
<block type="lists_split">
<value name="DELIM">
<shadow type="text">
<field name="TEXT">,</field>
</shadow>
</value>
</block>
<block type="lists_sort"></block>
</category>
<category name="色彩" colour="%{BKY_COLOUR_HUE}">
<block type="colour_picker">
</block>
<block type="colour_random">
</block>
<block type="colour_rgb">
<value name="RED">
<shadow type="math_number">
<field name="NUM">
100
</field>
</shadow>
</value>
<value name="GREEN">
<shadow type="math_number">
<field name="NUM">
50
</field>
</shadow>
</value>
<value name="BLUE">
<shadow type="math_number">
<field name="NUM">
0
</field>
</shadow>
</value>
</block>
<block type="colour_blend">
<value name="COLOUR1">
<shadow type="colour_picker">
<field name="COLOUR">
#ff0000
</field>
</shadow>
</value>
<value name="COLOUR2">
<shadow type="colour_picker">
<field name="COLOUR">
#3333ff
</field>
</shadow>
</value>
<value name="RATIO">
<shadow type="math_number">
<field name="NUM">
0.5
</field>
</shadow>
</value>
</block>
</category>
<category name="输入" colour="%{BKY_TEXTS_HUE}">
<block type="text"></block>
<block type="text_prompt_ext">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">输入</field>
</shadow>
</value>
</block>
</category>
<category name="海龟" colour="%{BKY_TEXTS_HUE}">
<block type="draw_move"></block>
<block type="draw_turn"></block>
<block type="draw_shape"></block>
<block type="draw_pen"></block>
<block type="draw_color"></block>
<block type="draw_write"></block>
<block type="draw_circle"></block>
<block type="draw_stamp"></block>
<block type="begin_fill"></block>
<block type="end_fill"></block>
<block type="goto"></block>
<block type="draw_speed"></block>
<block type="draw_pos"></block>
</category>
<sep></sep>
<category name="easygui" colour="120">
<label text="两个第三方块不能同时使用！"></label>
<block type="eb-halloworld"></block>
<block type="eb-halloworld-1"></block>
<block type="savebox"></block>
<block type="fileopenbox"></block>
<block type="codebox"></block>
<block type="passwordbox"></block>
<block type="boolbox"></block>
<label text="正在更新中"></label>
</category>
<category name="box3常用" colour="270">
<label text="两个第三方块不能同时使用！"></label>
<block type="box31"></block>
<block type="box32"></block>
<block type="box33"></block>
<block type="box34"></block>
<block type="box35"></block>
<block type="box36"></block>
<block type="box37"></block>
<block type="box38"></block>
<label text="代码贡献：ZNS卿本尊"></label>
</category>
<sep></sep>
<category name="变量" colour="%{BKY_VARIABLES_HUE}" custom="VARIABLE">
</category>
<category name="函数" colour="%{BKY_PROCEDURES_HUE}" custom="PROCEDURE">
</category>
</xml>
</div>
<!-- 以上是编辑器 -->
<script>
hljs.highlightAll();
var demoWorkspace = Blockly.inject('blocklyDiv', {
toolbox: document.getElementById('toolbox')
});
//定义toolbox
Blockly.Xml.domToWorkspace(document.getElementById('startBlocks'), demoWorkspace);
var demoWorkspace = Blockly.inject('blocklyDiv', {
toolbox: document.getElementById('toolbox')
});
//定义toolbox里面的block为既定var
function showjs() {
Blockly.JavaScript.INFINITE_LOOP_TRAP = null;
var code = Blockly.JavaScript.workspaceToCode(demoWorkspace);
//让varcode等于上面定义的东西
showPopup(code, 'language-javascript');
mdui.snackbar({
message: '代码已经生成，如果没有代码弹出框请反馈给编辑器作者'
});
}
function showpy() {
Blockly.Python.INFINITE_LOOP_TRAP = true;
var code = Blockly.Python.workspaceToCode(demoWorkspace);
//让varcode等于上面定义的东西
showPopup(code, 'language-python');
mdui.snackbar({
message: '代码已经生成，如果没有代码弹出框请反馈给编辑器作者'
});
}
function lan() {
window.open("http://doutianyang.me");
}
function showPopup(code, type) {
var popup = document.getElementsByTagName('popup')[0];
var overlay = document.getElementsByClassName('overlay')[0];
var textarea = popup.getElementsByTagName('code')[0];
overlay.style.display = 'block';
popup.style.display = "table";
textarea.className = type;
textarea.innerHTML = code;
hljs.highlightAll()
}
function closePopup() {
var popup = document.getElementsByTagName('popup')[0];
var overlay = document.getElementsByClassName('overlay')[0];
overlay.style.display = 'none';
popup.style.display = "none";
}
function runCode() {
window.LoopTrap = 1000;
Blockly.JavaScript.INFINITE_LOOP_TRAP =
'if (--window.LoopTrap == 0) throw "Infinite loop.";\n';
var code = Blockly.JavaScript.workspaceToCode(demoWorkspace);
//还是var
Blockly.JavaScript.INFINITE_LOOP_TRAP = null;
try {
eval(code);
mdui.snackbar({
message: '代码已经运行，如果没有代码弹出框请反馈给编辑器作者'
});
} catch (e) {
alert(e);
mdui.snackbar({
message: '运行错误'
});
}
}
</script>
</body>
</html>
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化