Exportieren blockweise in googles Kit

Question

Ich habe eine Blocky-App mit Google's Blocky Workspace Creator erstellt. Ich habe einen Arbeitsbereich und eine Menge neuer Blöcke erstellt. Aber ... wenn ich die Dateien exportiere, exportieren sie als .xml-Dateien, aber wie kann ich eine Google-Seite mit meinem Arbeitsbereich und meinen Blöcken erstellen? Ich meine, ich habe google blockly kit (das mit Dateien "appengine", "Blöcke", "Kern", "Demos" usw.) für das Web heruntergeladen. Aber .xml-Dateien sind nicht mit dem Kit kompatibel (oder ich denke). Wie kann ich es tun?

Ich suchte viel und fand viele unbrauchbare Antworten. Kann mir jemand helfen?

P.S. Sorry für mein schlechtes Englisch, ich bin Italiener.

Answer 1

Am häufigsten ist die Blockly-XML in das HTML mit einem id=".."-Attribut und einer CSS-Regel eingebettet, die diese auf display: none setzt. In diesem Fall wird das XML-DOM mithilfe von getElementById extrahiert. Sie können viele Beispiele für diesen Stil in den Block-Demos finden.

Meine bevorzugte Lösung ist eine JavaScript-String-Konstante zu verwenden. Wenn Sie den Internet Explorer, ohne auskommen können, ein mehrzeiliges Vorlage wörtliche macht dies einfach:

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

Andernfalls eingebettet in JavaScript nimmt wenig mehr Finesse:

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