n-katex

KaTex for webcomponent

Demo

Docs

<p>
    mathml: 行内公式 <n-katex output="mathml">\underbrace{a+b+\dots+n}_{m2}</n-katex>
    <br />
    htmlAndMathml: 行内公式 <n-katex>\underbrace{a+b+\dots+n}_{m2}</n-katex>
    <br />
    html: 行内公式<n-katex output="html">\underbrace{a+b+\dots+n}_{m2}</n-katex>
</p>
<n-katex display-mode="true">
    \begin{array}{c}
    S= \binom{N}{n},A_{k}=\binom{M}{k}\cdot \binom{N-M}{n-k} \\
    P\left ( A_{k}\right ) = \frac{\binom{M}{k}\cdot \binom{N-M}{n-k}}{\binom{N}{n}}
    \end{array}
</n-katex>

<p>
  行内公式
  <n-katex>\underbrace{a+b+\dots+n}_{m2}</n-katex>
</p>

<p>
  行内公式
  <n-katex>{'\\underbrace{a+b+\\dots+n}_{m2}'}</n-katex>
</p>

API

点击查看 KaTex 完整配置项

| 属性 | 说明 | 类型 | 默认值 | 版本 | | ------------------- | -------------------------------------------------------- | ------------------------------------------------- | --------------- | ---- | | display-mode | 显示模式下 | boolean | false | - | | output | 确定输出的标记语言 | html | htmlAndMathml | mathml | htmlAndMathml | - | | leqno | 如果true, 显示数学的\tag呈现在左侧而不是右侧 | boolean | - | - | | fleqn | 如果true, 则显示数学用a2em左边距渲染刷新左 | boolean | - | - | | throw-on-error | 抛出错误 | boolean | true | - | | error-color | 当throwOnError设置为false时, 无效的LaTeX呈现的颜色 | string | #cc0000 | - | | min-rule-thickness | 线的边界指定最小厚度 | number | - | - | | color-is-text-color | \color行为 | boolean | - | - | | strict | 严格模式 | boolean | - | - | | max-size | All user-specified sizes | number | - | - | | max-expand | 将宏扩展的数量限制在指定数量，以防止例如无限的宏循环 | number | 1000 | - | | trust | command | boolean | (context: TrustContext) => boolean | - | - | | global-group | Run KaTeX code in the global group. | boolean | - | - | | macros | 自定义宏的集合 | object | - | - |

TrustContext

| 属性 | 类型 | | -------- | -------- | | command | string | | url | string | | protocol | string |