I have designed a number of custom blocks using the developer tools.
I then exported the blocks and the toolbox, and embedded them in a page as nlSqlToolbox and nlSqlBlocks.
The toolbox loads and predefined Blockly Logic blocks load but none of my custom blocks do. There are no errors in loading the page apart from 71 warnings about "Ignoring non-existent field ..... in block factory_base"
A snapshot of the warnings:
Ignoring non-existent field CONNECTIONS in block factory_base
Blockly.Xml.domToBlockHeadless_ @ blockly_compressed.js:1091
blockly_compressed.js:1092 Ignoring non-existent input TOOLTIP in block factory_base
Blockly.Xml.domToBlockHeadless_ @ blockly_compressed.js:1092
blockly_compressed.js:1092 Ignoring non-existent input HELPURL in block factory_base
Blockly.Xml.domToBlockHeadless_ @ blockly_compressed.js:1092
blockly_compressed.js:1092 Ignoring non-existent input COLOUR in block factory_base
Blockly.Xml.domToBlockHeadless_ @ blockly_compressed.js:1092
blockly_compressed.js:1091 Ignoring non-existent field NAME in block factory_base
The head section of the page looks like this;
<script src="../js/blockly_compressed.js"></script>
<script src="../js/blocks_compressed.js"></script>
<script src="../js/javascript_compressed.js"></script>
<script src="../js/messages.js"></script>
<script src="../js/en.js"></script>
Blockly is initialized below
var toolbox = document.getElementById("nlSqlToolbox");
var options = {
toolbox: toolbox,
collapse: true,
comments: true,
disable: true,
maxBlocks: Infinity,
trashcan: true,
horizontalLayout: false,
toolboxPosition: 'start',
css: true,
media: '../media/',
rtl: false,
scrollbars: true,
sounds: true,
oneBasedIndex: true
};
var workspace = Blockly.inject('blocklyDiv', options);
var workspaceBlocks = document.getElementById("nlSqlBlocks");
// Load blocks to workspace.
Blockly.Xml.domToWorkspace(workspaceBlocks, workspace);
Any help on what I am doing wrong would be appreciated.