块状导出到谷歌的工具包

【问题标题】：Exporting blockly to google's kit块状导出到谷歌的工具包
【发布时间】：2017-08-26 13:00:40
【问题描述】：

我使用 google 的 blockly 工作区创建器创建了一个 blockly 应用程序。我创建了一个工作区和一堆新块。但是...当我导出文件时，它们会导出为 .xml 文件，但是如何使用我的工作区和块创建谷歌页面？我的意思是，我下载了用于 web 的 google blockly 工具包（带有文件“appengine”、“blocks”、“core”、“demos”等的工具包）。但是 .xml 文件与套件不兼容（或者我认为）。我该怎么做？

我搜索了很多，发现了很多无用的答案。有人可以帮我吗？

附：对不起我的英语不好，我是意大利人。

【问题讨论】：

欢迎来到 Stack Overflow！请查看我们的 SO 问题清单，以帮助您提出一个好的问题，从而获得一个好的答案。请粘贴您已尝试过的代码的最小、完整且可验证的示例。

标签： blockly

【解决方案1】：

Blockly XML 通常嵌入在 HTML 中，带有 id=".." 属性和将这些属性设置为 display: none 的 CSS 规则。在这种情况下，使用getElementById 提取 XML DOM。您可以在 Blockly 演示中找到许多这种风格的示例。

我首选的解决方案是使用 JavaScript 字符串常量。如果您可以在不使用 Internet Explorer 的情况下解决问题，那么多行模板文字可以让这一切变得简单：

const myToolbox = `
    <xml>
      <category name="Logic">
        <block type="controls_if" />
        <block type="logic_compare" />
      </category>
    </xml>`;

否则，将其嵌入到 JavaScript 中需要更多技巧：

const myToolbox =
    '<xml>' +
      '<category name="Logic">' +
        '<block type="controls_if" />' +
        '<block type="logic_compare" />' +
      '</category>' +
    '</xml>';

【讨论】：