源代码：
下载代码
AI 编程工具
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/katex.min.css"> <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/katex.min.js"></script> <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.15.2/contrib/auto-render.min.js" ></script> </head> <body> <p>以下是一些使用 KaTeX 渲染的 LaTeX 公式示例：</p> <!-- 行内公式 --> <p>行内公式：\( E = mc^2 \)</p> <!-- 行间公式 --> <p>行间公式：\[ \int_a^b f(x) \, dx \]</p> <!-- 矩阵 --> <p>矩阵： \[ \begin{pmatrix} 1 & 2 \\ 3 & 4 \end{pmatrix} \] </p> <!-- 方程组 --> <p>方程组： \[ \begin{cases} x + y = 5 \\ 2x - y = 1 \end{cases} \] </p> <script> // 初始化 auto-render document.addEventListener("DOMContentLoaded", function() { renderMathInElement(document.body, { delimiters: [ { left: "\\(", right: "\\)", display: false }, // 行内公式 { left: "\\[", right: "\\]", display: true } // 行间公式 ], throwOnError: false // 忽略错误 }); }); </script> </body> </html>
运行结果：
AI 编程工具