问题标签 [katex]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
3628 浏览

javascript - 如何在 Katex 中创建换行符?

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

ParseError:KaTeX 解析错误:预期的 'EOF',在第 45 位得到 '\newline':...)-\tfrac{1}{2}x\̲n̲e̲w̲l̲i̲n̲e̲ \Righta...</p>

由于 "\newline" 不起作用,我如何在 Katex 中调用换行符?

0 投票
1 回答
143 浏览

shiny - R Shiny 用 katex 排列单选按钮

使用 Shiny 中的单选按钮选择模型。模型由使用 katex 的公式定义。有没有办法将 katex 插入按钮的选择中?

我已经尝试过这种不适用于 katex 的方法:

目前,该公式位于未排列的单选按钮旁边。 在此处输入图像描述

0 投票
2 回答
230 浏览

angularjs - 为什么 AngularJS 分页无法在下一页加载 KaTeX?

在 AngularJS 分页中,我使用 KaTeX JavaScript 库来计算数学方程。

问题:当我要转到下一页时,库不工作。请帮助我理解,我做错了什么?这是我的 app.js 和 index.html 代码。这是我的 app.js。

0 投票
1 回答
516 浏览

javascript - 如何在浏览器中使用自动渲染(KaTeX 0.9.0-alpha)?

我创建了一个index.html文件来测试 KaTeX (0.9.0-alpha) 的自动渲染。

但是当我在浏览器(Chrome 61.0)中打开 html 文件时,出现错误(也出现在 KaTeX 0.8.3 中): Uncaught TypeError: renderMathInElement is not a function

那么如何在单个 html 中使用 KaTex 呢?

0 投票
1 回答
484 浏览

reactjs - 将变量值注入到 Katex/Latex 语法中

我正在做一个使用Katex格式来显示数学公式的项目。

现在我在这里遇到了一些问题。

为了渲染分数,katex 语法是

现在,如果我有一个值为3的变量x和另一个值为5的变量y

我如何将值注入到Katex语法中?

我想要类似的东西

其中katex 语法中的xy将被实际值替换。

注意:我也在使用https://github.com/talyssonoc/react-katex

渲染凯特克斯。

0 投票
1 回答
513 浏览

vue.js - vue-katex 不渲染数学并显示大黑框

我刚刚尝试使用 vue-katex 模块https://www.npmjs.com/package/vue-katex

我使用 vue-cli 设置了一个简单的示例

然后我添加了vue-katex包,添加了几行代码,将一些 KaTeX 数学内容放在页面上,并启动了我的开发服务器。但是,数学符号显示不正确,我的页面上显示了一个大黑框。

这是我的 package.json 的相关部分:

这是我的应用程序代码(我尝试直接从上面的 vue-katex npm 页面获取代码):

以及结果截图:

在此处输入图像描述

你可以看到数学没有渲染,我得到了这个奇怪的大黑盒子。我已经包含了开发工具检查,以尝试使其更容易诊断。

我试图让一切尽可能简单——如果有人能告诉我我做错了什么,我将不胜感激!

提前谢谢了,

0 投票
0 回答
246 浏览

reactjs - 如何解释这个 babel 构建错误

在这种情况下,我真的不明白什么是重要信息。

我看到几个目录和几个文件。

特别令人困惑的是Unknown option: .../node_modules/react/index.js.Children.

react-native-katex 中的 .babelrc 文件如下所示:

我敢打赌问题出在 react-native katex 包上,但我不确定要寻找什么或从哪里开始。此错误仅在为生产构建时出现。

0 投票
1 回答
560 浏览

vue.js - 将 vue-katex 应用于从静态文件夹加载的内容

我正在尝试使用 Vue 来创建一个博客,正如这里出色的演示中所述。我想在我的博客中包含一些数学公式和方程式,所以我想我会尝试使用vue-katex。当我将所有的 KaTeX HTML 直接放入我的 Vue 模板时,vue-katex 完美地格式化了我的数学符号,但是为了创建一个可用的博客,我需要将我的内容与我的模板分开(如演示中所示)。

我无法让 vue-katex 格式化静态文件夹中的 HTML 内容。这就是我想要帮助的。


设置

我为演示克隆了github 存储库。

我将 vue-katex 添加到package.json

我将 KaTeX CSS 添加到index.html

我将导入语句添加到src/App.vue

我在 BlogPost 模板中添加了一行简单的带有 KaTeX 的 HTML:


正如我所说,这有效 - 我在我的博客文章(URL http://localhost:8080/read/neque-libero-convallis-eget)中看到了格式化的数学符号:

方程工作

但是,当然,每篇博文我都需要不同的方程式。

因此,我尝试将 KaTeX HTML 添加到 JSON 中第一篇博文的“内容”字段:static/api/post/neque-libero-convallis-eget.json. 我将"content"行更改为:

此内容出现在页面上,但方程式未呈现。我看到了:(出现了文字,但没有显示方程式)

等式不工作

当我使用开发人员工具检查页面上的 HTML 时,我看到:

开发工具

您可以看到 vue-katex 已应用于我直接放入模板中的方程式:它已将我输入的 HTML 解析为具有所有数学符号的大量跨度,这些符号显示完美。

然而,我添加到"content"静态文件夹中的 KaTeX HTML 只是按照我输入的方式放置在页面上,因此不会在页面上显示为等式。我真的需要将我的博客文章内容保存在这个静态文件夹中 - 我不想.vue为每篇博客文章创建不同的文件,这违背了重点!

我的问题是:有没有办法在加载时手动将 vue-katex “应用”到我放置在静态文件夹中的 HTML 中?也许我可以在plugins/resource/index.js文件中添加一些东西,因为它包含从静态文件夹加载数据的函数?

非常感谢您的帮助。

0 投票
4 回答
649 浏览

tex - 使用 katex,'&' 对齐符号显示为 'amp;'

我正在使用 katex 来渲染数学。

https://github.com/Khan/KaTeX

一般来说,为了让它工作,我链接到文件katex.min.jskatex.min.css来自 cdn,这是方向建议的方式之一。

我将需要呈现的内容包装在标签中并提供所有相同的类。例如:

在脚本标签内,我应用以下内容:

因此,我的实现有效,但 katex 返回的内容存在问题。上面的输出给了我:

在此处输入图像描述

这里提出了完全相同的问题:

https://github.com/j13z/reveal.js-math-katex-plugin/issues/2

但我什么都看不懂。

0 投票
1 回答
167 浏览

javascript - 防止 Showdown 修改某些分隔符之间的文本

有什么办法可以阻止 Showdown 解析某些分隔符之间的文本($$$这种情况下),这样它就不会将我的 LaTeX 代码解释为降价?如果没有,有没有其他方法可以让两者一起工作?目前,我只是将输入传递给 Showdown,然后将其交给 Katex 进行解释,这通常会导致 Showdown 在我的 LaTeX 中插入 html 标签。