Edit innerHTML in a custom button

Hi All,

I am trying to change the text in a button component, but I am not able to edit it. I added this type:

comps.addType('button', {
  // Define the Model
  model: defaultModel.extend({
    // Extend default properties
    defaults: Object.assign({}, defaultModel.prototype.defaults, {
    	style: {
    		width: '130px',
    		height: '50px',
    	},
      // Can't drop other elements inside it
      droppable: false,
      resizable: true,
      editable: true,
      }),
  },

I included the editable: true parameter but is not working And add the button to the Component Manager

 editor.BlockManager.add('button', {
 	label: 'Button',
 	attributes: { class:'gjs-fonts gjs-f-b1'},
 	category: 'Basic',
 	content: '<button type="button">Click Me!</button>'
 })

Is there any way to workaround this? Thanks!