Why converted formula lost its delimiters?

[redstoneleo]

I use markdown_it to convert Markdown to html, but the converted formula lost its delimiters, which caused my mathjax cannot render the formula, my mathjax confirmation is :

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
  <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
  <script type="text/javascript">
window.MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  }
};
  </script>

How can I get it work?
Code for conversion :

from markdown_it import MarkdownIt
from mdit_py_plugins.front_matter import front_matter_plugin
from mdit_py_plugins.footnote import footnote_plugin
from mdit_py_plugins.anchors import anchors_plugin
from mdit_py_plugins.texmath import  texmath_plugin
from mdit_py_plugins.dollarmath import  dollarmath_plugin
from mdit_py_plugins.amsmath import amsmath_plugin
from markdown_it.common import  utils

import html
md = (
    # MarkdownIt('gfm-like' ,{
    MarkdownIt('commonmark' ,{
        'breaks':True,
        'html':True
        })


    # .use(texmath_plugin, delimiters="dollars")
    .use(dollarmath_plugin)
    # .use(amsmath_plugin)
	.use(front_matter_plugin)
    .use(footnote_plugin)
    .use(anchors_plugin, permalink=True, max_level=4)
    
    .enable('table')
)
s4=r'''a rational number like $\begin{matrix}
L & \  = \{ x \mid x \in \mathbb{Q},x \leq 0\} \cup \left\{ x \mid x \in \mathbb{Q},x > 0,x^{2} < 2 \right\} \\
U & \  = \mathbb{Q} - L = \left\{ x \mid x \in \mathbb{Q},x > 0,x^{2} > 2 \right\} \\
\end{matrix}$ .
  2.  A fact between two Dedekind cuts(the density of $Q$ in $R$): For any pair of real numbers $\alpha$ and $\beta$, where $\alpha > \beta$, there can always be found a real, and even in particular a rational, number $r$ which lies between them, i.e. $\alpha > r > \beta$ (and, consequently, an infinite set of such rational numbers).
'''
html_text = md.render(s4)
print(html_text)

[chrisjsewell]

Heya, I'll copy exactly what chatGPT told me lol:

You can configure MathJax to process TeX notation without wrapping it in $ symbols, but only within elements with a specific class, by combining the processEscapes and processClass options.

Here is an example of how you can configure tex2jax to process TeX notation without wrapping it in $ symbols, but only within elements with the class math:

MathJax = {
  options: {
    preprocessors: ["tex2jax"],
    tex2jax: {
      processEscapes: true,
      processClass: "math"
    }
  }
};

With this configuration, MathJax will process any TeX notation it finds in the text of your page, but only within elements with the class math.

It's worth noting that you should make sure that you have correctly added the class math to the span elements that you want to be processed by MathJax. Also, you need to make sure that you have included the MathJax library in your HTML file and configured it correctly before running this code.

[redstoneleo]

@chrisjsewell Thanks, but it is an outdated answer.