如何在Mermaid流程图的无序列表中渲染行内公式？

要解决行内公式被渲染为块级的问题，可采用以下两种方案：

方法1：使用行内LaTeX语法（\( \)包裹） #

Mermaid默认依赖的MathJax支持用\( \)标记行内公式，替代单美元符号，避免被识别为块级公式。修改后的代码如下：

graph TD
A("<ul>
  <li>\(x\) item1</li>
  <li>item2</li>
</ul>")

方法2：通过HTML样式强制行内显示 #

若上述方法未生效，可借助HTML的span标签设置行内样式，强制公式与文本在同一行展示：

graph TD
A("<ul>
  <li><span style='display: inline;'>$$x$$</span> item1</li>
  <li>item2</li>
</ul>")

注意事项 #

• 确保Mermaid CLI配置启用了数学公式支持，默认MathJax无需额外配置；若切换为KaTeX，需在Mermaid配置中指定renderer: 'katex'。
• 部分环境下需对反斜杠转义，可写成\\(x\\)确保语法被正确解析。

内容的提问来源于stack exchange，提问作者user32882