node extension and parseHTML and renderHTML

[silenius]

Hello,

I have a custom Node with the following:

    parseHTML() {                                              
        return [                                               
            {                                                       
                tag: '*',                                                                                                                
                getAttrs: element => (element.classList.contains('flex') || element.classList.contains('inline-flex')) && null           
            },                                                                                                                                                                  
        ]                                  
    },                                                       
                                                                    
    renderHTML({ node, HTMLAttributes }) {
        return ['section', mergeAttributes(HTMLAttributes, { class: 'flex'}), 0]
    },             

It works well, but every node matched in parseHTML() is rendered with a "section" tag (wether it is a <div> or a <section> or ...). I was wondering how could I render the matched tag from parseHTML() ?

For example with <div class="flex">...</div> it should render <div class="flex">...</div> and not <section class="flex">...</section>

Any idea how to achieve that ?

Thanks!