Title anchor bug

[Ibadichan]

Describe the issue

config({
  markdownItConfig(mdit) {
    mdit.use(ancher, {
      permalink: ancher.permalink.headerLink(),
    });
  },
});

this configuration removes id from title ->
expected result:

<h2 id="title"><a class="header-anchor" href="#title">Title</a></h2>

current:

<h2><a class="header-anchor" href="#title">Title</a></h2>

Procedure version

markdown-it-anchor=8.6.7, md-editor-rt=4.6.1

Reproduction link

No response

[imzbf]

Failed to get the title. There is a quick solution

const mdHeadingId = (t: string, l: number, index: number) => `heading-${index}`;

<MdEditor mdHeadingId={mdHeadingId} />

[Ibadichan]

My config:

import React from 'react';
import { MdPreview, config } from 'md-editor-rt';
import ancher from 'markdown-it-anchor';
import slugify from 'slugify';
import 'md-editor-rt/lib/preview.css';

const mdHeadingId = (text) => slugify(text, {
  lower: true,
  strict: true,
  replacement: '-',
});

config({
  markdownItConfig(mdit) {
    mdit.use(ancher, {
      slugify: mdHeadingId, // to slugify cyrillic symbols
      permalink: ancher.permalink.headerLink(),
    });
  },
});

function App() {
  return <MdPreview modelValue={"## foo bar"} mdHeadingId={mdHeadingId} />
}

Output:

<h2 id="" tabindex="-1" data-line="0"><a class="header-anchor" href="#foo-bar">foo bar</a></h2>

[imzbf]

Not like this, the reason is with configuration ancher.permalink.headerLink, cannot get right text, first parameter of mdHeadingId.

I'll fix it in 4.6.2, but now this is a quick solution

[imzbf]

or try install beta

yarn add md-editor-rt@beta

[imzbf]

The latest version has been released