KaTex 网页公式编辑简介

目前比较流行的网页公式编辑方案是采用 Tex/LATEX 语法编辑,知名的有 MathJax、KaTex,本站采用 KaTex 渲染网页公式,与前者相比,KaTex 方案的渲染速度高,不足之处是支持不够全面,但仍能满足绝大多数的使用环境。两款渲染的对比测试:MathJax 与 KaTex 渲染速度测试,更多介绍请前往:KaTex 官网

2. 使用方法

本节主要介绍如何在编辑器中插入公式,在网站的编辑器中并没有插入公式的按钮,但只要按如下的操作,即可在网页实现编写公式。不过需要注意的是,为了保证渲染正常,请尽量消除识别符号前后的网页标签。

2.1 插入行内公式

行内公式的插入方法如下,其中空格是留给编写公式的区域,其可以直接在段落中展现公式。

方案一:\(···\)

2.2 插入行间公式

行间公式是单独自成一段展现公式,可以通过如下的方案编写公式。

方案一:$$···$$
方案二:\[···\]

3. 基本语法

本节主要介绍常用的语法命令,掌握之后即可方便的编辑公式。

3.1 常见运算

符号 代码 符号 代码 符号 代码
++--**
//\(\times\)
\times
\\
\(\pm\)\pm\(\div\)\div\(\dotplus\)\dotplus
\(\cap\)\cap\(\dot\)\dot\(\cup\)\cup
\(\mod\)\mod\(\mp\)\mp\(\odot\)\odot
\(\ominus\)\ominux\(\oplus\)\oplus\(\otimes\)\otimes
\(\oslash\)\oslash()()\(\lgroup\rgroup\)\lgroup\rgroup
\(\{\}\)\{\}
\(\lbrack\rbrack\)\lbrack\rbrack
\(\langle\rangle\)\langle\rangle
\(\left( \LARGE{AB} \right)\)\left(\LARGE{AB} \right)
\((\big( \Big( \bigg( \Bigg(\)(\big( \Big( \bigg( \Bigg(
\({=}\mathllap{/\,}\)
{=}\mathllap{/\,}

3.2 特殊图标

符号 代码 符号 代码 符号 代码
\(a'\)a'
\(\grave{a}\)\grave{a}
\(\overleftarrow{AB}\)\overleftarrow{AB}
\(a''\)
a''
\(\hat{\theta}\)\hat{\theta}
\(\underleftarrow{AB}\)\underleftarrow{AB}
\(a^{\prime}\)a^{\prime}
\(\widehat{ac}\)\widehat{ac}
\(\overleftrightarrow{AB}\)\overleftrightarrow{AB}
\(\acute{a}\)\acute{a}
\(\mathring{g}\)\mathring{g}
\(\underleftrightarrow{AB}\)\underleftrightarrow{AB}
\(\bar{y}\)\bar{y}
\(\tilde{a}\)\tilde{a}
\(\overgroup{AB}\)\overgroup{AB}
\(\breve{a}\)\breve{a}
\(\widetilde{ac}\)
\widetilde{ac}
\(\undergroup{AB}\)
\undergroup{AB}
\(\check{a}\)\check{a}
\(\vec{F}\)\vec{F}
\(x_n\)x_n
\(\dot{a}\)\dot{a}
\(\overline{AB}\)\overline{AB}
\(e^x\)e^x
\(\ddot{a}\)\ddot{a}
\(\underline{AB}\)\underline{AB}
\(_u^o\)_u^o
\(\exists\)\exists
\(\nexists\)\nexists
\(a \atop b\)a \atop b
\(\forall\)\forall
\(\in\)\in
\(\notin\)\notin
\(\ni\)\ni
\(\notni\)\notni
\(\complement\)\complement
\(\subset\)\subset
\(\supset\)\supset
\(\mid\)\mid
\(\land\)\land
\(\lor\)\lor
\(\therefore\)\therefore
\(\to\)\to
\(\gets\)\gets
\(\because\)\because
\(\sum\)\sum
\(\prod\)\prod
\(\coprod\)\coprod
\(\int\)\int
\(\iint\)\iint
\(\iiint\)\iiint
\(\oint\)\oint
\(\bigvee\)\bigvee
\(\bigwedge\)\bigwedge
\(\bigcap\)\bigcap
\(\bigcup\)\bigcup
\(\approx\)\approx

3.3 特殊字符

  • 发表于 · 2018.05.23 15:52 · 阅读 · 4496

[版权声明] :本文文字、代码及图片版权归原作者所有,任何媒体、网站或个人未经本网协议授权不得采集、整理、转载或以其他方式复制发表。已经本站协议授权的媒体、网站,在使用时必须注明“稿件来源:学研谷”。

0 条评论

请先 登录 后评论
猜猜我是谁
XY -开发者 @ 学研谷

32
提问
207
回答
67
文章
注册推广