Stop header tags having ids

[EmmaB]

I am trying to stop header (h1 etc) tags having id and anchor attributes injected on preview. Using rehypeSanitize in previewOptions strips out a lot of clutter but I can't figure out how to stop them entirely. Many thanks for any insights, and thank you for this useful library.

I get:

<h1 id="user-content-bob"><a aria-hidden="true" tabindex="-1" href="#bob"></a>bob</h1>

I would like:

<h1>bob</h1>

[EmmaB]

Ah, this removes id, aria-hidden, tabindex and href.

...
        previewOptions={{
          remarkPlugins: [],
          rehypePlugins: [
            [
              rehypeSanitize,
              {
                ...defaultSchema,
                tagNames: ["h1"],
                clobber: [],
                attributes: {
                  "*": [null],
                },
              },
            ],
          ],
        }}

[EmmaB]

oh. If you need to allow list a, that won't cut it. Instead I used rehype-rewrite:

        previewOptions={{
          remarkPlugins: [],
          rehypePlugins: [
            [
              rehypeRewrite,
              {
                rewrite: node => {
                  if (node.tagName == "h1") {
                    node.children = node.children.filter(
                      item => item.tagName != "a"
                    )
                  }
                },
              },
            ],
            [
              rehypeSanitize,
              {
                ...defaultSchema,
                //etc