Trouble with serializeHTML and heading plugin

[GuyoST]

Hello every one,

i'm new to Plate and testing it, but I think i found something strange.
I'm trying to redefine serializeHTML methode when calling createXXXPlugin to get an HTML ready to be saved in the database :

plugins = [
        createParagraphPlugin({
            serializeHtml: (props, dr) => <p>{props.children}</p>
        }),
        createBlockquotePlugin({
            serializeHtml: (props, dr) => <blockquote>{props.children}</blockquote>
        }),
        createTodoListPlugin(),
        createHeadingPlugin({
            serializeHtml: (props, dr) => {
                return <h6>hello</h6>
            }
        }),
        createImagePlugin({
            serializeHtml: (props, dr) => {
                return <img src={props.element.url} />
            },
        }),

So as you see, I tried on paragraphPlugin, BlockQuotePlugin and HeadingPlugin and ImagePlugin.
It's working for all but not HeadingPlugin.

When I try to show the HTML in the console, i Get :
<h2 class="slate-h2">Hello</h2><p>How are you today?</p><blockquote><p>I&#x27;m fine</p></blockquote><p></p>

For my test instead of <h2 class="slate-h2">Hello</h2> I should got <h6>hello</h6>

is there something special to redefine this plugin serializeHTML ?

Thank you 😀

[zbeyens]

The heading plugin has nested plugins, so you'll need to use

overrideByKey: {
  [ELEMENT_H6]: {
    serializeHtml: ...
  }
}

[GuyoST]

Thank you so much, it's working !