返回介绍

3.5 代码编辑器

发布于 2019-12-12 16:13:39 字数 1098 浏览 2753 评论 0 收藏 0

Blockly的大多数应用程序都可以将用户程序翻译成JavaScript,Python,PHP,Lua,Dart或其他语言。此操作由Blockly在客户端执行。

生成代码

第一步是导入相关语言的生成器。 Blockly包括以下生成器:

  • javascript_compressed.js
  • python_compressed.js
  • php_compressed.js
  • lua_compressed.js
  • dart_compressed.js

应该在blockly_compressed.js之后包含生成器类。例如,以下是包含的JavaScript生成器:

<script src="blockly_compressed.js"></script>
<script src="javascript_compressed.js"></script>

通过此调用,用户的块可以随时从您的应用程序导出到代码:

var code = Blockly.JavaScript.workspaceToCode(workspace);

在前面两行中用Python,PHP,Lua或Dart替换JavaScript以切换生成的语言。

实时生成

生成代码是一种非常快速的操作,因此频繁调用此函数没有任何害处。一个常见的策略是通过向Blockly的change事件添加一个监听器来实时生成和显示代码:

function myUpdateFunction(event) {
  var code = Blockly.JavaScript.workspaceToCode(workspace);
  document.getElementById('textarea').value = code;
}
workspace.addChangeListener(myUpdateFunction);

有关更多信息,请参阅《3.8 事件》

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文