RenderHTML does not work with addNodeView

[rjvelazco]

First of all thanks for your job.

Second of all, I have a question, I tried to implement a custom Node using an Angular component and it worked fine until I realized that "marks" are not being set on the element.

My custom node looks like:

export const ImageBlock = (injector: Injector): Node => {
    return Node.create({
        name: 'dotImage',
        group: 'block',
        draggable: true,
        content: 'inline',

        parseHTML(): ParseRule[] {
            return [{ tag: 'dotcms-image-block' }];
        },

        renderHTML({ HTMLAttributes }): DOMOutputSpec {
            return ['dotcms-image-block', mergeAttributes(HTMLAttributes)];
        },

        addNodeView(): NodeViewRenderer {
            return AngularNodeViewRenderer(ImageBlockComponent, { injector });
        }
    });
};

the attributes that I am getting in the renderHTML function are not being added to the component. In this example, I receive the style attribute but it is not added to the tag.

If someone can help me, it would be awesome.

[sibiraj-s]

import { AngularNodeViewComponent } from 'ngx-tiptap';

export class ImageBlockComponent extends AngularNodeViewComponent {
  ngOnInit(){
    console.log(this.node.attrs)
  }
}

You will get all the attributes thats parsed via renderHTML in this.node.attrs. You can manually add them to the component.