Is the Possible to create Multiple Dom Types for single tag

[RakulAgn]

The Scenario is I have Two P Tag but its functionality should be different one is editable and another one is not editable

so, I Implemented Like this

domComponents.addType('editable-P', {
    isComponent: (el: any) => {
      console.log(el);

      return el.tagName === 'P';
    },
    model: {
      defaults: {
        editable: true,
      },
    },
  });

domComponents.addType('noeditable-P', {
    isComponent: (el: any) => {
      console.log(el);

      return el.tagName === 'P';
    },
    model: {
      defaults: {
        editable: false,
      },
    },
  });

But this is not working like what a expected