javascript - 如何从 block 中的代码生成 block ？

Question

我有一个生成一些输出代码的 block 状应用程序。现在，是否可以编写一些函数来获取我的输出代码并将相应的 block 放在工作区中。
例如，在此页面上，https://developers.google.com/blockly/

连接 block 以生成 javascript 代码，但是有什么办法，我会给 javascript 代码， block 会出现在工作区上。

Answer 1

您只能从 block 中创建 javascript，而不能从 javascript 中创建 block 。但是，您可以将 block 导出到 xml，然后将 xml 导入回 block 。因此，您始终可以将 block 以 xml 格式保存在任何您希望的位置，并将这些 block 从 xml 加载回您的 block 状工作区。

function saveBlocks() {
    var xmlDom = Blockly.Xml.workspaceToDom(Blockly.mainWorkspace);
    var xmlText = Blockly.Xml.domToPrettyText(xmlDom);
    // do whatever you want to this xml
}
function loadBlock(xml) { // xml is the same block xml you stored
    if (typeof xml != "string" || xml.length < 5) {
        return false;
    }
    try {
        var dom = Blockly.Xml.textToDom(xml);
        Blockly.mainWorkspace.clear();
        Blockly.Xml.domToWorkspace(Blockly.mainWorkspace, dom);
        return true;
    } catch (e) {
        return false;
    }
}