Google Blockly - 将工具箱附加到单独的 div答案

【问题标题】：Google Blockly - Append toolbox to a separate divGoogle Blockly - 将工具箱附加到单独的 div
【发布时间】：2017-07-31 11:44:31
【问题描述】：

我一直在尝试 Blocky 来开发一个简单的基于动画的应用程序并遇到了这个问题。如文档中所述，我创建工具箱的 xml 树结构，然后当我创建 Blockly 的新实例时，它会将工具箱附加到该特定 div。

例如：

var workspace = Blockly.inject('blocklyDiv', {
            media: './media/',
            toolbox: document.getElementById('toolbox'),
            trashcan: true
        });

虽然它运作良好，但它并不能让我们决定要保留工具箱的位置。在我的应用程序中，我想将工具箱与工作区分开放置（在单独的 div 中），但我在他们的文档中找不到任何指南。

有人可以帮我解决这个问题吗？

【问题讨论】：

标签： javascript html css canvas blockly

【解决方案1】：

回答我自己的问题，因为我没有得到任何回复:)

到目前为止，blockly 没有将工具箱保留在它自己的容器中的选项，而不是 injectionDiv（它默认创建）。所以一种解决方法是等到 Blockly 创建 injectionDiv、flyout、workspace，然后在 injectionDiv 中动态更改工具箱的位置。

您还可以在 injectionDiv 中附加您需要的任何其他元素并动态更改它们的位置。你可能需要根据你在做什么改变一些核心价值观。基本思想是您需要将所有内容保存在 injectionDiv 中:)

【讨论】：