docs: update integration of KaTeX instructions

[sinaatalay]

I am using KaTeX in my mkdocs-material documentation. I had a problem: KaTeX never loads the first time; you need to refresh the page to make it load.

I found the solution, rather than using this (which is given by the official documentation of material-mkdocs):

document$.subscribe(({ body }) => { 
  renderMathInElement(body, {
    delimiters: [
      { left: "$$",  right: "$$",  display: true },
      { left: "$",   right: "$",   display: false },
      { left: "\\(", right: "\\)", display: false },
      { left: "\\[", right: "\\]", display: true }
    ],
  })
})

I used this:

document$.subscribe(() => { 
  renderMathInElement(document.body, {
    delimiters: [
      { left: "$$",  right: "$$",  display: true },
      { left: "$",   right: "$",   display: false },
      { left: "\\(", right: "\\)", display: false },
      { left: "\\[", right: "\\]", display: true }
    ],
  })
})

It solved the problem. I don't know JavaScipt, so I don't know how it solved it, but it worked.

This pull request updates the documentation's instructions on KaTeX integration and fixes this issue for possible KaTeX users.

[squidfunk]

Thanks for the PR! I'm not a user of KaTeX, so I need to rely on the community to tell whether this change makes sense. @adhadse did the original KaTeX integration – can you confirm that this is a better solution?

[squidfunk]

It turned out to be a regression of 9.5.5. Fixed in de46c41. Thus, this PR can be closed.

[squidfunk]

Released as part of 9.5.12.