Bookmarks are not working

[shajil-t]

Headers doesn’t seems to be generating id when rendering as HTML hence the bookmarks are not working, is there any workaround for bookmarks to work?

[@uiw/react-md-editor": "3.0.8"]

[jaywcjlove]

use previewOptions.remarkPlugins props. remark plugins

import slug from 'remark-slug'

<MDEditor
  value={value}
  onChange={setValue}
  previewOptions={{
    remarkPlugins: [slug]
  }}
/>

@shajil-t

[shajil-t]

use previewOptions.remarkPlugins props. remark plugins

import slug from 'remark-slug'

<MDEditor
  value={value}
  onChange={setValue}
  previewOptions={{
    remarkPlugins: [slug]
  }}
/>

Thank you so much for the help, much appreciated, this now works on Editor Preview, however I would like to have this plugin for <MDEditor.Markdown> as well, how can use I use that please?

[jaywcjlove]

import slug from 'remark-slug'

<MDEditor.Markdown
  previewOptions={{
    remarkPlugins: [slug]
  }}
/>

@shajil-t

[shajil-t]

import slug from 'remark-slug'

<MDEditor.Markdown
  previewOptions={{
    remarkPlugins: [slug]
  }}
/>

@shajil-t

This doesn't seems to be working, there are no id's for headers when rendered in <MDEditor.Markdown>

[jaywcjlove]

import slug from 'remark-slug'

<MDEditor.Markdown
  remarkPlugins={[slug]}
/>

@shajil-t

[shajil-t]

import slug from 'remark-slug'

<MDEditor.Markdown
  remarkPlugins={[slug]}
/>

@shajil-t

This works 👍 Thank you