免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 发帖

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

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

QQ截图20180404181241.png
2018-4-4 18:12
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
数学暗恋者,程序员,喜欢古典文学/历史,个人主页: https://zhcosin.coding.me/

回复 30# kuing

这个取决于你有没有时间折腾,与版本关系不大

TOP

话说,现在 KaTeX 已经更新到 0.12.0,而我这里固定加载的是 0.9.0,也不知有没有必要更新?会不会没那么快呢?

TOP

回复 28# abababa

首先这和真 LaTeX 的习惯不同,这种一般用 align* 。
其次前面 6# 说过在本论坛上要用 KaTeX 的话代码必须写在同一行内,否则 KaTeX 不识别,那多行公式全写在一行里不但不符合习惯还不利于代码阅读和修改。
所以多行公式我还是按平常那样输入,留给 MathJax 编译……

TOP

本帖最后由 abababa 于 2020-12-20 21:13 编辑

回复 27# kuing

多行公式在katex里也可以用吧,就是
  1. \[
  2. \begin{aligned}
  3. f(x)&=x^2+1\\
  4. &=(x+1)^2-2x
  5. \end{aligned}
  6. \]
复制代码
这种

TOP

回复 26# abababa

也在网上搜到了,刚弄好

这样除了多行公式之外基本上都可以 KaTeX 了

TOP

回复 25# kuing
这个网友曾经给我做了一个,带参数的是用这个定义的吧:
  1. function render() {
  2.         var latex_src = document.getElementById('latex_src');
  3.         var latex_target = document.getElementById('latex_target');
  4.         //var html = katex.renderToString(latex_text.innerHTML);
  5.         latex_target.innerHTML = latex_src.innerHTML;
  6.         renderMathInElement(latex_target, {
  7.                 delimiters: [
  8.                         {left: "$", right: "$", display: true},
  9.                         {left: "\\[", right: "\\]", display: true},
  10.                         {left: "$", right: "$", display: false}
  11.                 ],
  12.                 macros: {
  13.                         "\\abs": "\\left| #1 \\right|",
  14.                         "\\vv": "\\overrightarrow",
  15.                         "\\pd": "\\frac{\\partial #1}{\\partial #2}",
  16.                 }
  17.         });
  18. }
  19. 就是那个macros的,里面就能加一些参数了
复制代码

TOP

才发现原来 KaTeX 也支持自定义命令,不过暂时只看到不带参数命令的定义方法,带参数的(如 \abs{XX})还不知咋弄。
不过有不带参数的就已经可以定义好多个了,如 \px, \du, \LHS 这些,这样就可以有更多的公式使用 KaTeX 了

\[
\LHS=AB\px CD \riff 90\du
\]\[\LHS=AB\px CD \riff 90\du\]
以上两段代码一样,前者有换行用 MathJax,后者无换行用 KaTeX,以前在没自定义命令之前是不行的。

TOP

回复 23# huing

是的

TOP

初来咋到,有些东东还不熟悉。
前天回帖时(速度法证彭塞列封闭定理的积分补充)发现公式有两种颜色,就是KaTeX和MathJax分别解析的原因么?

TOP

回复 21# kuing

涨知识了

TOP

回复 19# isee

很早以前有些论坛就用过
  1. ` 代码 `
复制代码
来输入公式了,不过那时通常不是LaTeX代码,而是AsciiMath代码。

TOP

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

TOP

回复 18# kuing


哈哈,这个
  1. `\frac12`
复制代码
与很多移动端的处理一样

TOP

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

另外,我加入了新的输入方式:
  1. `代码`
复制代码
这将会使用 KaTeX 处理,是行内的。

符号 ` 在台式机的 Esc 下面。
  1. `\frac12`
复制代码
显示:`\frac12`

TOP

回复 15# isee

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

TOP

回复 14# kuing


答案反白也废了。。。

TOP

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


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

TOP

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

TOP

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

TOP

返回列表 回复 发帖