How add new traits to custom block

grapesjs.plugins.add('CustomBlocks', function(editor, options) {
  options = options || {};

  TraitsToComponent();
  addHTMLCodeComponent();
  addHTMLCodeBlock();



  function TraitsToComponent(){
            editor.TraitManager.addType('content', {
              events:{
                'keyup': 'onChange',  // trigger parent onChange method on keyup
              },

              /**
              * Returns the input element
              * @return {HTMLElement}
              */
              getInputEl: function() {
                if (!this.inputEl) {
                  var input = document.createElement('textarea');
                  input.value = this.target.get('content');
                  this.inputEl = input;
                }
                return this.inputEl;
              },

              /**
               * Triggered when the value of the model is changed
               */
              onValueChange: function () {
                this.target.set('content', this.model.get('value'));
              }
            });


  }

  function addHTMLCodeComponent() {
    var defaultType = editor.DomComponents.getType('text');

    var _initToolbar = defaultType.model.prototype.initToolbar;

    editor.DomComponents.addType('custom_block', {
      model: defaultType.model.extend({
           defaults: Object.assign({}, defaultType.model.prototype.defaults, {
            traits: [{
  label: 'My custom label',
  type: 'content',name:'content', // built-in types: text, number, select, checkbox, color
}],
          }),
      }, {
        isComponent: function(el) {
          if (typeof el.hasAttribute == "function" && el.hasAttribute("data-html-code")) {
            return {type: "text"};
          }
        }
      }),
      view: defaultType.view
    });

  };

  function addHTMLCodeBlock() {
    editor.BlockManager.add("custom_block", {
      attributes: {class: "fa fa-code"},
      label: "HTML Code",
      content: '<div data-html-code>Edit my HTML content</div>'
    });
  };

});