customize attr,but get old value at editorView.state.doc

[dingshaohua-com]

In the previous issue #1883, I learned how to customize attributes (by rewriting nodes)！

but I found that after the modification:
although the rendering ID of the page changed, the ID obtained in editorView.state.doc was still the original old data!

like '-#2'...

i want make toc menu in md view, help me 😭

v7.10.3

[Saul-Mirone]

You need to customize the headingIdGenerator.

...
this.crepe.editor
    .config(ctx => {
      ctx.set(headingIdGenerator.key, value => value.textContent);
    })

[dingshaohua-com]

I’d call this black magic 😭😭 Seems like this isn’t documented at all.

[Saul-Mirone]

I'll add a document for this. Thanks for remind.

[dingshaohua-com]

can you give me full exmaple, my code like this

import { Crepe } from '@milkdown/crepe';
import '@milkdown/crepe/theme/frame.css';
import '@milkdown/crepe/theme/common/style.css';
import { Milkdown, MilkdownProvider, useEditor } from '@milkdown/react';
import { headingIdGenerator } from '@milkdown/kit/preset/commonmark';

const CrepeEditor: React.FC = () => {
  useEditor((root) => {
    const crepe = new Crepe({
      root,
      defaultValue: '## 你好',
    });
    crepe.editor.config((ctx) => {
      ctx.set(headingIdGenerator.key, (value) => value.textContent);
    });
    return crepe;
  });
  return <Milkdown />;
};

const MilkdownEditorWrapper: React.FC = () => {
  return (
    <MilkdownProvider>
      <CrepeEditor />
    </MilkdownProvider>
  );
};

export default MilkdownEditorWrapper;

but i got this err:

MilkdownError: Context "headingIdGenerator" not found, do you forget to inject it?

Sorry for the trouble, and thank you so much!

[dingshaohua-com]

sorry, my reason, i use yarn repleace pnpm, it okey