Clearing Element Attributes

[jelling]

I have a custom element type that has extra attributes like assetId on it. When I hit return from within the element a new copy of the element is created with a new custom id via the createNodeIdPlugin(). But I also want to clear the assetId attribute. How can I do this?

[12joan]

You could try overriding splitNodes. I'm not sure if or exactly how that would work, but it's a good place to start.

[jelling]

As @12joan noted, overriding the split_node operation is the right direction.

To do that, when creating my plugin I passed in a custom function for the withOverrides:

export const descriptionPlugin = createPluginFactory<HotkeyPlugin>({
  key: ELEMENT_DESCRIPTION,
  isElement: true,
  component: Description,
  withOverrides: withoutAsset, // this tells the plugin to override the default editor behaviors
});

And then my override looks like this:

export const withoutAsset = <
  V extends Value = Value,
  E extends PlateEditor<V> = PlateEditor<V>
>(
  editor: E
) => {
  const { apply } = editor;

  editor.apply = (operation) => {
    if (operation.type === "split_node") {
      if ("assetId" in operation.properties) {
        delete operation.properties["assetId"];
      }
    }

    return apply(operation);
  };

  return editor;
};