KaTeX -- 网页数学公式TeX渲染

zhcosin

在 KaTeX 发现个好玩的东东，一个网页数学 TeX 公式渲染的 JavaScript 库，跟 MathJax 是类似的东东，看首页有个小黑板，可以实时渲染，看起来不错.

zhcosin

关于网页上渲染LaTeX公式，还有这么些玩意:
github.com/mathquill/mathquill

kuing

回复 1# zhcosin

显示确实比 MathJax 快，不错，晚点看看能不能整来这里

isee

fast...

其推广语

kuing

看了半天都不知道怎么弄

kuing

还是深夜精神好，刚才再研究了下，总算有点懂了。

把加载 MathJax 的语句注释掉，换成了 KaTeX 的，发现直接用的环境不显示，
它似乎只会对美元符或 \ [ 这类符号内的东东作处理，

（由于之后要测试 KaTeX 与 MathJax 一起用，上面这段内容只能截图来贴了）
自己写的 html 里就没这问题，大概是因为源文件里换行等于空格，但论坛上换行有 <br> ，就不行了。

kuing

哈，原来可以 KaTeX、MathJax 一起用！

KaTeX 先处理，对于 KaTeX 不处理的，由 MathJax 处理，这样的话，显示速度应该也会有所提高吧……

不过暂时不这样做，不然无法一眼看出哪个公式用 KaTeX 哪个用 MathJax，先单看 KaTeX 的先。

isee

回复 6# kuing


这有点像移动端对公式的处理，如Markdown，感觉"半成品"

zhcosin

回复 6# kuing
环境还要加美元符？ 这不符合 latex 规范啊。

kuing

回复 9# zhcosin

准确地说，是它只支持允许放在美元（或 \ [ \ ]）内的环境，所以不支持 align，但支持 aligned（这个在 LaTeX 里也是允许放在美元符内的）。
同理，不支持 equation、gather，但支持允许放在美元符内的 gathered，还有 cases 、matrix 等。

kuing

现在开始测试 KaTeX 与 MathJax 一起用，我对由 KaTeX 处理的公式加了颜色，这样谁归谁就很清楚了。

随便找了最近一个帖子，截取其中一片段如下：

kuing

123 $ \$ $\frac12$ \$ $ 456

$$\sum$$

123
$$
\sum
$$

`\sum\sqrt{\frac a{b+c}}`

123\(\verb"\["\)...\(\verb"\]"\)456

123\(\verb"\[  ...  \]"\)456

kuing

又不想用蓝色了，改成绿，俺喜欢绿

kuing

唉，貌似这样搞之后，置顶帖就有点乱啦

isee

又不想用蓝色了，改成绿，俺喜欢绿
kuing 发表于 2018-4-6 23:31

我抗议下，反正彩色（还正在变化中）超过一小时浏览帖时就就眼花的，真的。。。。例如，我刚翻完函数类 18页，点了些标题就看到大致内容的帖子就花得不行了，还一会绿，一会蓝。。。。

isee

回复 14# kuing


答案反白也废了。。。

kuing

回复 15# isee

过两天还找不到完美方案（不影响原来任何帖子公式）的话俺就放弃用 Ka 啦

kuing

取消了 KaTeX 对 \$...\$ 的处理，置顶帖才正常了。
另外有些像这样输入的公式：
\$\$
XXX
\$\$
之前也是不行的，现在行了。

另外，我加入了新的输入方式：

1. `代码`

复制代码

这将会使用 KaTeX 处理，是行内的。

符号 ` 在台式机的 Esc 下面。

1. `\frac12`

复制代码

显示：`\frac12`

isee

回复 18# kuing


哈哈，这个

1. `\frac12`

复制代码

与很多移动端的处理一样

isee

公式不能复制了。。。。。。。