blockly - 块状导出到谷歌的工具包

Question

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

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

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

Answer 1

大多数情况下，Blockly XML 嵌入在带有id=".."属性的 HTML 中，以及将这些属性设置为display: none. 在这种情况下，XML DOM 是使用getElementById. 您可以在 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>';