[Question] - How we can hide RTE for editable components ?

I allow myself to add what I think might be closer to what OP's trying to achieve, from @artf's answer:

editor.DomComponents.addType('text', {
    extendFnView: ['onActive'],
    model: {
      defaults: {       
        disableRte: false
      }
    },
    view: {
      onActive() {
        if (this.model.get('disableRte')) {
          this.rte.getToolbarEl().style.display = 'none';
        }
      }
    }
}

Toggling the disableRte property allows to hide the RTE toolbar, while keeping the text editable, on a per-component basis.

Hope this helps :)

editor.on('component:selected', cmp => {
  cmp.set({
   editable: false,
   propagate: ['editable']
 })
})

We don't want to make component non editable, component needs to be editable, we just don't want to show rte tool bar on that component.