Custom competent <template> missing inner html when creating a block with it

Hey @aryeharmon I just used this in the demo (try it by yourself in console)

var domc = editor.DomComponents;
var defaultModel = domc.getType('default').model;
var defaultView = domc.getType('default').view;
domc.addType('template', {
  model: defaultModel.extend({}, {
    isComponent: function(el) {
      if (el.tagName == 'TEMPLATE') {
      console.log(el, el.innerHTML);
        // as template.children will return an empty array the traverser
        // will skip all nodes, therefore attach them as a string (they 
        // will be processed later)
        return {type: 'template', components: el.innerHTML}
      }
    }
  }),
  view: defaultView.extend({
    // '<template>' can't be shown so in canvas use another tag
    tagName: 'div'
  }),
});

and importing <div><template><div>SOME TEXT</div></template></div> works just as expected.

OK so i see what the issue is, apparently when i add:

var domc = editor.DomComponents;
var defaultModel = domc.getType('default').model;
var defaultView = domc.getType('default').view;
domc.addType('template', {
  model: defaultModel.extend({}, {
    isComponent: function(el) {
      if (el.tagName == 'TEMPLATE') {
      console.log(el, el.innerHTML);
        // as template.children will return an empty array the traverser
        // will skip all nodes, therefore attach them as a string (they 
        // will be processed later)
        return {type: 'template', components: el.innerHTML}
      }
    }
  }),
  view: defaultView.extend({
    // '<template>' can't be shown so in canvas use another tag
    tagName: 'div'
  }),
});

to html the existing elements on page do not take effect. only newly added dom elements. for example i already have a template tag on page when load, i will not get the properties. but if i add the template after it will work.

btw, the editor.render(); is after the register of domc.addType