Overriding type on Plugins

[ErikAnkerKilbergSkallevold]

Hi,

I am currently converting my codebase from V34 to the latest. Along the way, I see that the types for most plugins have changed, or are different from what I already have in my model.

paragraph -> p
numbered-list -> ol
bulleted-list -> ul
heading-one -> h1
...

Is there any way of overriding the type of plugins? I already have a lot of data stored with the old keys, so going over to the new keys would not be possible.

I have searched around for similar posts, and found this: #725. But the link is unfortuentatly dead.

Any help appreciated!

[zbeyens]

See https://platejs.org/docs/plugin#elements node.type

[ErikAnkerKilbergSkallevold]

Awsome, thanks!
I got the lists and tables working by overriding the node.type:

        ListItemPlugin.configure({
		node: { type: 'list-item' },
	}),
	ListItemContentPlugin.configure({
		node: { type: 'list-item-content' },
	}),

The headers were a bit more challenging. Since I have heading-one, heading-two etc. I instead created six plugins like this, since I was unable to make node.type work on the HeadingPlugin:

// ...
const Heading6Plugin = createPlatePlugin({
	key: e_RTFToolbarContentTypes.HEADING_SIX,
	node: {
		isElement: true,
		type: e_RTFToolbarContentTypes.HEADING_SIX,
		component: H6Element,
	},
})

const HeadingPlugin = createPlatePlugin({
	key: 'header',
	plugins: [Heading1Plugin, Heading2Plugin, Heading3Plugin, Heading4Plugin, Heading5Plugin, Heading6Plugin],
})

Previously I imported createHeaderPlugin() and overrode the keys in createPlatePlugins like this:

createPlatePlugins(
		[
			createHeadingPlugin(),
		],
		{
			overrideByKey: {
				[ELEMENT_H1]: { type: 'heading-one' },
				[ELEMENT_H2]: { type: 'heading-two' },
				[ELEMENT_H3]: { type: 'heading-three' },
				[ELEMENT_H4]: { type: 'heading-four' },
				[ELEMENT_H5]: { type: 'heading-five' },
				[ELEMENT_H6]: { type: 'heading-six' },
			},
			components: {
				[ELEMENT_H1]: H1Element,
				[ELEMENT_H2]: H2Element,
				[ELEMENT_H3]: H3Element,
				[ELEMENT_H4]: H4Element,
				[ELEMENT_H5]: H5Element,
				[ELEMENT_H6]: H6Element,
		}
	)

Is there anything like this in the newer versions of Plate? Or am I better off creating them with createPlatePlugin as I am doing now?

[zbeyens]

overrideByKey is now override.plugins, and components is now override.components