Блочный экспорт в набор Google

Question

Я создал блочное приложение с помощью блочного создателя рабочей области Google. Я создал рабочее пространство и кучу новых блоков. Но... когда я экспортирую файлы, они экспортируются как файлы.xml, но как я могу создать страницу Google с моим рабочим пространством и блоками? Я имею в виду, я скачал блочный комплект Google (с файлами "appengine", "blocks", "core", "demos" и т. Д.) Для веб-сайтов. Но XML-файлы не совместимы с комплектом (или я думаю). Как мне это сделать?

Я много искал, находил много ненужных ответов. Кто-нибудь может мне помочь?

PS Извините за мой плохой английский, я итальянец.

Answer 1

Чаще всего Blockly XML внедряется в HTML с id=".." атрибут и правило CSS, которое устанавливает их 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>';