Adding custom component does not work

// Traits (Settings)
            
            }),
          },
          // The second argument of .extend are static methods and we'll put inside our
          // isComponent() method. As you're putting a new Component type on top of the stack,
          // not declaring isComponent() might probably break stuff, especially if you extend
          // the default one.
          {
            isComponent: function(el) {
              if(el.tagName == 'INPUT2'){
                console.log('I am at isComponent: el:', el);
                return {type: 'input2'};
              }
            },
          }),

          // Define the View
          view: defaultType.view.extend({
          // Bind events
          events: {
            // If you want to bind the event to children elements
            // 'click .someChildrenClass': 'methodName',
            click: 'handleClick',
            dblclick: function(){
              alert('Hi!');
            }
          },

          // It doesn't make too much sense this method inside the component
          // but it's ok as an example
          randomHex: function() {
            return '#' + Math.floor(Math.random()*16777216).toString(16);
          },

          handleClick: function(e) {
            this.model.set('style', {color: this.randomHex()}); // <- Affects the final HTML code
            this.el.style.backgroundColor = this.randomHex(); // <- Doesn't affect the final HTML code
            // Tip: updating the model will reflect the changes to the view, so, in this case,
            // if you put the model change after the DOM one this will override the backgroundColor
            // change made before
          },

          // The render() should return 'this'
          render: function () {
            // Extend the original render method
            defaultType.view.prototype.render.apply(this, arguments);
            this.el.placeholder = 'My Text here'; // <- Doesn't affect the final HTML code
            return this;
          },
        }),
      });


       // A block for the custom component
       editor.BlockManager.add('input2', {
          label: 'My custom component',
          attributes: {
            class:'input2'
          },
          content: {
            // Built-in 'map' component
            type: 'input2',
            tagName: 'INPUT2',
           // style: { height: '350px'},
            // Once inserted it can't be removed (just an example)
            removable: false
          }
        
        //content: (<div>Foo</div>),
      });