标签: katex

如何使用KaTeX在$ .. $中呈现所有内联公式?

所以我希望像MathJax一样使用KaTeX内联公式.
但到目前为止,我发现只有render()一个"绘制"字符串到元素的函数.
我需要修改DOM中文本节点的一部分.
我真的找不到如何用KaTeX做到这一点.它有这样的功能吗?
MathJax可以做到这一点.

javascript katex

8
推荐指数
2
解决办法
2216
查看次数

如何在 Katex 中创建换行符?

我正在尝试在浏览器上测试 katex 的渲染。它渲染正确,但是当我尝试使用\\newline来表示换行符时,它会抛出一个错误:

\n\n
\n

ParseError:KaTeX 解析错误:预期 \'EOF\',在位置 45 处得到 \'\\newline\':\xe2\x80\xa6)-\\tfrac{1}{2}x\\\xcc\ xb2n\xcc\xb2e\xcc\xb2w\xcc\xb2l\xcc\xb2i\xcc\xb2n\xcc\xb2e\xcc\xb2 \\Righta\xe2\x80\xa6

\n
\n\n
<body>\n   <div class="maths">\n       \\Rightarrow\\quad F(x)-\\tfrac{1}{2}x\n       \\Rightarrow\\quad  F(x)-F(a)\\leq\\tfrac{1}{2}(x-a)[2ex]\n</div> \n<script>\n// Get all <div class ="maths"> elements in the document\n    var x = document.getElementsByClassName(\'maths\');  \n    for (var i = 0; i < x.length; i++) {\n        try {\n            if (x[i].tagName == "DIV") {\n                t = katex.render(x[i].textContent, x[i], { displayMode: true });\n            } else {\n                t = katex.render(x[i].textContent, x[i]);\n            }\n        }\n        catch (err) {\n            x[i].style.color = \'red\';\n            x[i].textContent …
Run Code Online (Sandbox Code Playgroud)

javascript render katex

7
推荐指数
1
解决办法
9137
查看次数

Rocket Chat 中的 KaTex 支持

我觉得问这个问题几乎是愚蠢的,但是如何在 Rocket.Chat 中启用 KaTeX 支持呢?我正在以建设性的方式使用这个应用程序来与我的朋友分享一些数学表达式以供学习。到目前为止我尝试过的:

  1. 浏览 Rocket.Chat 中的所有设置。我在这里找不到 KaTeX 的具体内容。
  2. 访问 KaTeX.org 并尝试将脚本复制粘贴到<head></head>Google chrome 开发人员工具箱下的“安装”部分中。

但是,KaTeX 根本不渲染。任何帮助或意见都会非常有帮助。我有点迷失了。

谢谢,类星体。

katex rocket.chat

7
推荐指数
2
解决办法
5856
查看次数

比较性能MathJax与MathQuill与Katex

我正在寻找在网页内创建配方的最快方法。

我以为我在jsperf上找到了解决方案,其中MathQuill是迄今为止最快的解决方案。在对测试进行了一点研究之后,我注意到MathQuill的测试以同步模式运行,但是它具有异步设置。但是,如果您选中异步复选框,MathQuill将永远不会触发该render事件,因此测试将永远不会完成。

所以问题是,MathQuill是异步的吗?这是好的性能测试吗?也许有更好的公式渲染器?

javascript performance mathjax katex mathquill

5
推荐指数
2
解决办法
2218
查看次数

KaTeX 不渲染

问这个我觉得几乎是愚蠢的,但即使是最简单的例子,我也无法让 KaTeX 工作:

<!DOCTYPE html>
<!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly -->
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.css" integrity="sha384-D+9gmBxUQogRLqvARvNLmA9hS2x//eK1FhVb9PiU86gmcrBrJAQT8okdJ4LMp2uv" crossorigin="anonymous">

    <!-- The loading of KaTeX is deferred to speed up page rendering -->
    <script src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.js" integrity="sha384-483A6DwYfKeDa0Q52fJmxFXkcPCFfnXMoXblOkJ4JcA8zATN6Tm78UNL72AKk+0O" crossorigin="anonymous"></script>

    <!-- To automatically render math in text elements, include the auto-render extension: -->
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/contrib/auto-render.min.js" integrity="sha384-yACMu8JWxKzSp/C1YV86pzGiQ/l1YUfE8oPuahJQxzehAjEt2GiQuy/BIvl9KyeF" crossorigin="anonymous"
        onload="renderMathInElement(document.body);"></script>
  </head>
  <body>
      <p>$x^2 = \sqrt{y}$</p>
      <p id="1">Foo $x^2 = \sqrt{y}$  </p>
      <script>renderMathInElement(document.getElementById('1'))</script>

  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

如果我在 …

html javascript katex

5
推荐指数
1
解决办法
2356
查看次数

使用MathJax在闪亮的应用程序中内联LaTeX方程

这里提供了一个在线显示LaTeX方程的解决方案,并提供了一个实时演示

上面提到的在线显示方程式的解决方案是(减少几行代码):

ui.R:

library(shiny)

shinyUI(fluidPage(
  title = 'MathJax Examples with in-line equations',
  withMathJax(),
  # section below allows in-line LaTeX via $ in mathjax. Replace less-than-sign with < 
  # and grater-than-sign with >
  tags$div(HTML("less-than-sign script type='text/x-mathjax-config' greater-than-sign
                MathJax.Hub.Config({
                tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
                });
                less-than-sign /script greater-than-sign
                ")),
  helpText('An irrational number $\\sqrt{2}$
           and a fraction $1-\\frac{1}{2}$'),
  helpText('and a fact about $\\pi$:$\\frac2\\pi = \\frac{\\sqrt2}2 \\cdot
           \\frac{\\sqrt{2+\\sqrt2}}2 \\cdot
           \\frac{\\sqrt{2+\\sqrt{2+\\sqrt2}}}2 \\cdots$'),
  uiOutput('ex1')
  ))
Run Code Online (Sandbox Code Playgroud)

server.R:

shinyServer(function(input, output, session) {
  output$ex1 <- renderUI({ …
Run Code Online (Sandbox Code Playgroud)

r mathjax shiny katex

5
推荐指数
1
解决办法
480
查看次数

如何在 Flutter 的输入文本字段中动态渲染 TeX 方程?

长话短说

\n

我需要在用户输入时在 Flutter 文本输入字段中渲染 LaTeX 方程

\n

目标

\n

我目前正在开发一个适用于网络/桌面的 Flutter 项目,我需要能够在用户打字时在输入字段中渲染 LaTeX/TeX 方程。例如,如果用户键入 \xe2\x80\x9csqrt\xe2\x80\x9d,则 sqrt 所在位置会出现一个平方根符号。这将允许复杂函数的简单数学输入,用户可以输入如下内容:

\n

\xe2\x80\x9cint 1 2 sqrt(sin(x/2)^2)\xe2\x80\x9d

\n

键入时,该方程将连续呈现在同一个输入框中,最终看起来像:

\n

方程渲染示例

\n

我计划允许用户使用很多不同的数学符号/函数。

\n

MathQuill项目是与我想要实现的目标极其相似的实现。然而,虽然 MathQuill 与 JavaScript 和 React 配合得很好,但我还没有找到在 Flutter 中使用它的方法。如果有一种方法将其移植到 Flutter 中,可以完美满足我的需求。

\n

要求和偏好

\n

要求

\n
    \n
  • 在他们输入的同一个输入框中呈现 TeX。

  • \n
  • 实时渲染 TeX。用户在键入时应该能够看到当前文本框中的更改。在Desmos的数学输入框中可以看到我想要的一个很好(但非常简单)的演示。我不希望用户必须按 Enter 才能看到他们的更改,它应该在键入时发生。

  • \n
  • 不能基于点击的方程输入。我希望用户能够输入 \xe2\x80\x9csqrt\xe2\x80\x9d、\xe2\x80\x9cint\xe2\x80\x9d、\xe2\x80\x9cprod\xe2\x80\x9d、\xe2 \x80\x9csum\xe2\x80\x9d 等...不要使用某种屏幕键盘单击平方根或积分按钮。(例如,Flutter\xe2\x80\x99s math_keyboard不适用于我的项目)

  • \n
  • 基于颤振的解决方案。

  • \n
\n

优先

\n
    \n
  • 我更喜欢使用KaTeX渲染引擎,因为它\xe2\x80\x99s 比MathJax显着提高了速度。我在这里还是很灵活的。

  • \n
\n

目前的尝试 …

mathjax katex flutter

5
推荐指数
0
解决办法
863
查看次数

GitLab 在出现 50 次后停止渲染 Markdown 文件的文本 LaTeX

我一直在 Markdown 中使用 GitLab 的 LaTeX 渲染功能,并且非常喜欢它。话虽这么说,我发现文本内乳胶引用的数量是有上限的。

在一页上恰好出现 50 次之后,渲染将停止,格式从此更改(所需行为)

...其中 <ASSUME CORRECT LATEX HERE> 最大化...

对此

...其中 $$\Delta \rho^\prime最大化...

(不正确的行为)。这是可重现的,有一个最小的示例上传到我的 gitlab 此处

我搜索了任何相关信息,但无法找到有关此限制的任何信息,尽管我发现了这个似乎相关的gitlab问题,但并没有解决问题。

有谁知道是否有办法禁用/绕过此限制,或者向 GitLab 开发人员提交票证?

不管怎样谢谢!

markdown gitlab katex

5
推荐指数
1
解决办法
1227
查看次数

如何在 KaTex 中对公式进行装箱?

这个问题类似于 6 年前的 MathJax 问题;如何在 MathJax 中对公式进行装箱?

如何用\boxed{...}KaTex实现

预期输出如下;

在此输入图像描述

KaTex 代码在environments.js 中显示了一些 amsmath 翻译,但它们只是从 amsmath 函数到现有KaTex 表达式的 1:1 转换。

KaTex 似乎利用 amsmath.sty但我不知道如何应用它。

javascript math katex

4
推荐指数
1
解决办法
1222
查看次数

KaTeX 字体大小

KaTeX的功能支持页面指​​出,用于字体尺寸的 KaTeX 单位的尺寸是相对于周围的 HTML 文本计算的。特别地,它指出

默认 G = 1.21,因为 KaTeX 字体大小通常是 1.21 × 周围字体大小。这个值可以被 HTML 页面的 CSS 覆盖。例如,在此页面上,G = 1.0。

现在的问题是,我应该在哪里更改 G 的值?

katex

4
推荐指数
1
解决办法
2350
查看次数

LaTeX 方程后 MDX 中奇怪的纯文本重复

我正在尝试将 MDX 与 Next.js 上的 remark-math 和 rehype-katex 插件集成。然而,在我成功添加插件后,方程后面有一个纯文本重复。这是 MDX 文件代码:

# Hello

My name $x^2+2x+1$

1. dd
2. aa
3. aaaaaa
Run Code Online (Sandbox Code Playgroud)

结果如下:

复制纯文本

我怀疑通过使用 LaTeX 中的对齐环境可以解决问题。但还有更好的解决办法吗?谢谢!

katex next.js mdxjs

2
推荐指数
1
解决办法
654
查看次数