Inline formula will not be parsed if there are other html tags in the present line

[Areenole]

The modules are:

import markdownIt from "markdown-it";
import markdownItKatex from "@vscode/markdown-it-katex"
const md = markdownIt()
md.set({ html: true })
// ...

and the markdown file has lines with the forms:

- ...
- Mean <font color="#f48fb1"> $x_k = m(u_k)$ nonlinear </font>
- ...

or

Mean <font color="#f48fb1"> $x_k = m(u_k)$ nonlinear </font>

The formula here won't be parsed. However, in VSCode it is rendered correctly. This problem is temporarily solved in my project:

const regex1 = /<p>(.*?)<font color="(.*?)">(.*?)<\/p>/g;
const regex2 = /<li>(.*?)<font color="(.*?)">(.*?)<\/li>/g;
const regex_p = /<p>(.*?)<\/p>/g;

function updateMd() {
  // this is a tauri application
  invoke('read_markdown', { filename: filename }).then((value) => {
    md_context.value = md.render(value);
    md_context.value = md_context.value.replace(regex1, (match, p1, p2, p3) => {
      p3 = md.render(p3);
      p3 = p3.replace(regex_p, (match, p1) => {
        return p1;
      });
      return `<p>${p1}<font color="${p2}">${p3}</p>`;
    });

    md_context.value = md_context.value.replace(regex2, (match, p1, p2, p3) => {
      p3 = md.render(p3);
      p3 = p3.replace(regex_p, (match, p1) => {
        return p1;
      });
      return `<li>${p1}<font color="${p2}">${p3}</li>`;
    });
  })
}

[mjbvz]

Can you try setting enableMathInlineInHtml:

var md = require('markdown-it')();
const mk = require('@vscode/markdown-it-katex').default;

md.use(mk, { enableMathInlineInHtml: true });