Skip to content

Equation 数学公式

数学公式组件(自研简化 LaTeX 子集,零第三方公式引擎),覆盖高中/大学常用公式:上下标、分数、根号、求和/积分(带上下限)、希腊字母与常用运算符。

上下标

上标 / 下标

^ 上标、_ 下标,单字符 x^2 或花括号 z_{max} 均可。

分数

分数

\frac{分子}{分母} 渲染为竖式分数(分子/分母上下堆叠 + 横线)。

根号

根号

\sqrt{被开方数};可选根指数 \sqrt[3]{y}

求和 / 积分

求和 / 积分(带上下限)



\sum_{下限}^{上限} / \int_{下限}^{上限} 自动排版上下限。

希腊字母与运算符

希腊字母 + 运算符

\alpha 等希腊字母与 \times \div \pm \cdot \leq \geq \neq \approx \infty 等常用运算符自动映射。

未知命令

未知命令按字面显示

未知命令按字面显示,不报错。

API

属性

属性说明类型默认值
codeLaTeX 子集源文本string

ARIA

容器 aria-label = 原始 LaTeX 源文本,屏幕阅读器直接朗读公式源。

引擎选型(架构决策)

自研简化 LaTeX 子集,不引入第三方公式引擎

  1. 零依赖核心卖点:运行时零第三方依赖;自研解析器(tokenizer + 递归下降)不引入任何依赖。
  2. 子集覆盖常见场景:上标/下标、分数、根号(含根指数)、求和/积分/连乘(带上下限)、希腊字母、常用运算符,覆盖高中/大学常用公式;完整 LaTeX(矩阵、大型算子、跨行对齐等)属后续增强,届时再评估引入引擎的取舍。
  3. 未知命令容错:未知命令按字面显示不报错,与「未知语言按纯文本」同策略。
  4. 渲染为 HTML(span 堆叠 + CSS 排版),样式只用组件库 token,可继承字号/主题。

边界

  • 文本全部 HTML 转义,杜绝注入
  • code 渲染空容器,不报错