Any way to change the default element?

[zeddotes]

I've noticed the use of the ELEMENT_DEFAULT (p) constant used throughout. Is there any way to overwrite that to be something else, like div?

Thanks.

[zbeyens]

v1 docs are WIP but in the meantime see this https://codesandbox.io/s/slate-plugins-playground-v1-2mh1c?file=/index.tsx:1728-1872. You can overwrite default components/options by key (ELEMENT_DEFAULT).

[zeddotes]

I understand, but how can I ensure that the default elements (on hitting enter/new line, for example) are NOT paragraph? Even if I set default components as you mentioned, how can I truly overwrite the default node so that there are no paragraphs?

[zbeyens]

What do you mean by paragraph? Slate node type: 'p' or React component <p>, or the plugin key?

• You can customize the node type by adding this to getSlatePluginsOptions: [ELEMENT_DEFAULT]: { type: 'anything' }
• You can customize the component by adding this to getSlatePluginsComponents: [ELEMENT_DEFAULT]: getComponent(StyledElement, { as: 'div' }), or any other component
• You can't customize their plugin keys, if you want ELEMENT_DEFAULT being different than ELEMENT_PARAGRAPH, that's not supported yet, they're both equal to 'p'. Solution would be to PR or create another paragraph plugin that uses another key.

[zeddotes]

Thanks @zbeyens, I figured as such. But I see that the plugin doesn't have any exported member with the ELEMENT_DEFAULT name. I see it in the slate-plugins-common package, sorry!

Sure, once I have something working well with the Lists plugin, I can submit a PR. Thanks again for clarifying.

[AlekseyManetov]

It seems that this answer was related to the old version of plate. Whether there is a any possibility to change ELEMENT_DEFAULT to another type now? Also that it will affect the behavior of all other plate plugins, for example List plugin should insert custom ELEMENT_DEFAULT while last list child removed. Thanks.

[12joan]

ELEMENT_DEFAULT is still just a constant, defined in packages/core/src/constants/node.types.ts as 'p'.

Many of the plugins that make use of ELEMENT_DEFAULT let you specify another element type instead:

$ grep -rE '= (getPluginType\(editor, )?ELEMENT_DEFAULT' packages/**/src
packages/core/src/utils/normalizeDescendantsToDocumentFragment.ts:  const defaultType = getPluginType(editor, ELEMENT_DEFAULT);
packages/core/src/transforms/toggleNodeType.ts:    inactiveType = getPluginType(editor, ELEMENT_DEFAULT),
packages/editor/autoformat/src/transforms/autoformatBlock.ts:    type = ELEMENT_DEFAULT,
packages/editor/break/src/exit-break/transforms/exitBreak.ts:    defaultType = getPluginType(editor, ELEMENT_DEFAULT),
packages/editor/trailing-block/src/withTrailingBlock.ts:    options: { type = getPluginType(editor, ELEMENT_DEFAULT), level, ...query },
packages/nodes/code-block/src/transforms/insertEmptyCodeBlock.ts:    defaultType = getPluginType(editor, ELEMENT_DEFAULT),
packages/nodes/code-block/src/transforms/unwrapCodeBlock.ts:  const defaultType = getPluginType(editor, ELEMENT_DEFAULT);
packages/nodes/list/src/normalizers/normalizeList.ts:  const defaultType = getPluginType(editor, ELEMENT_DEFAULT);
packages/plate-utils/src/plate/onKeyDownToggleElement.ts:  const defaultType = getPluginType(editor, ELEMENT_DEFAULT);
packages/serializers/csv/src/deserializer/utils/deserializeCsv.ts:    const paragraph = getPluginType(editor, ELEMENT_DEFAULT);

If any plugins are hardcoding ELEMENT_DEFAULT and this is causing a problem for you, feel free to open a PR that makes the element type overrideable.

[caspersf]

Is there any way to set the default element for the editor in one place itself? If not, is there any doc reference to set the default element for any plugin and/or component?