问题标签 [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 回答
59 浏览

javascript - jQuery 没有找到 Django 返回的“span”元素

我在使用 jQuery 检索由 Django 重新调整的 HTML 字符串时遇到问题。在 Django 模板中,我有一行

其中展开时包含字符串2. Määritä luvun <span class="inline-math"> -6 </span> vastaluku.,如下图所示:

扩展的 JSON(?) 字符串。

我希望能够使用 KaTeX 将 span 元素的内容呈现为数学,但是

没有为此做任何事情。inline-mathjQuery 没有检测到class 的 span 元素,因为console.log(element.innerHTML)它什么都不做,也没有渲染数学。

因此,我的问题是,如何检测包含 Django 返回的 LaTeX 的字符串,以便使用 KaTeX 将其呈现为数学?

附言

作为一个有趣的旁注,这里是safe在 Django 标记中带有和不带有过滤器的页面源图片。

安全开启

安全过滤器。

安全关闭

安全过滤。

注意额外的 & 号。然而,这是唯一的区别。在这两种情况下,字符串都不会被解释为 HTML。

0 投票
1 回答
53 浏览

javascript - 闪亮表中数学模式的外部js

这个问题与这个有关。

编辑

我重新制定了问题以在更复杂的应用程序中重现问题。

我正在尝试在表格中包含数学模式。@Stéphane Laurent 在 EDIT 2 中使用 katex 的解决方案效果很好。我编辑了代码,因为我的应用程序包含许多名称包括 string 的表coef_

如果表名不包含字符串coef_,或者名称包含字符串的表coef_不包含带有 的术语%%js则不应对其产生影响。

js但是,当我使用变量中的代码创建 js 文件时,将其保存在www文件夹中并加载它,它不起作用:

数学模式不再适用于第一个表。我在这里想念什么?浏览器中没有错误。

0 投票
1 回答
188 浏览

javascript - 使用 KaTex 渲染数学

我在这里下载最新的 katex 构建版本。我正在尝试将其集成到我的电子项目中。作为初学者开发人员,我无法实现我想要的。

以下代码呈现(一行代码)"c = \\pm\\sqrt{a^2 + b^2}"a 中的字符串,div其类为theorem.

我将如何呈现以下内容

0 投票
1 回答
537 浏览

javascript - 在执行脚本之前等待 Jinja 完全完成页面渲染

是否可以在执行某个脚本之前等待Jinja2完成插入所有模板元素?我正在尝试在页面上使用KaTeX呈现一些数学,该页面还包含一堆模板块。但是,数学是在所有模板块都由 Jinja2 渲染之前渲染的,因此所述块中的任何数学都不会渲染。

我可以设置一个超时时间,比如说 5 秒,然后执行渲染脚本(这可行),但我宁愿使用更优雅的解决方案。按照此处的说明在标签defer内使用没有任何作用,也没有<script>

是什么event告诉浏览器一个模板引擎如 Jinja2 已经完成了它的工作?当然不是DOMContentLoaded,根据上面的。

编辑

这是使用A+ LMS实施的示例课程。麻烦的模板可以在文件夹中找到_templates。默认模板使用 MathJax,但由于那个特定的库有一些烦人的特性,比如在需要渲染大量数学时速度很慢,所以我决定改用 KaTeX。这是我的模板版本:

编辑 2

指向Pastebin 页面完整源代码的链接。

0 投票
1 回答
604 浏览

javascript - 如何让 katex 使用具有输入字段的 HTML 元素?

我正在使用 katex 的自动渲染扩展来渲染输入的数学公式。如何使此扩展程序与内容可编辑的 HTML 元素 ( textarea, input) 一起使用?

我注意到 katex 自动渲染扩展适用于内容无法编辑的 HTML 元素,例如 div 或 ap 元素。但是它不适用于内容可编辑元素,例如 atextareainput元素

我尝试使用div属性contenteditable设置为 true 的 a 。这有一些警告,所以我宁愿不追求这个努力

我希望在事件发生后呈现$\alpha$内容可编辑的 HTML 元素 (textarea和)inputkeyup

0 投票
0 回答
120 浏览

latex - 在 contentful + gatsby 中设置数学/复杂的排版

正如标题所说,你将如何去做这件事?我对两者都是新手,我知道有,gatsby-katex-plugin但在大多数 CMS 中,我可以将一个插件添加到 Richc 文本编辑器中,以编写在那里渲染的乳胶。

在 contentful 中这是否等同于编写乳胶,添加 katex 包,然后在页面预览中看到它呈现?

只是对所有部分如何组合在一起以及我实际上如何将复杂的排版写入内容字段感到困惑

0 投票
1 回答
419 浏览

katex - KaTeX 没有渲染

如果有人可以查看我的网页并帮助我找出 KaTeX 不呈现内联方程的原因,我将不胜感激:

https://vladivanov20.github.io/#!economics/cf.md

谢谢!

0 投票
1 回答
736 浏览

katex - 如何在动态更改 HTML 中使用 KaTeX 自动渲染器?

我有两个关于使用 KaTeX 自动渲染器的初学者问题。两者都与下面的代码有关。

我的第一个问题:我需要在 renderMathInElement 中使用 document.body 吗?只能在带有 id 公式的段落上调用吗?如果是,如何?我尝试了几种方法,但没有任何效果。可能我只是不知道正确的语法。

我的第二个问题:按下按钮后,更改的文本不会呈现。我应该如何以及在哪里再次调用 renderMathInElement 以在页面中查找新公式?同样,我尝试了几种方法(包括在更改文本后立即调用它),但没有任何效果。

0 投票
1 回答
874 浏览

javascript - katex 方程到图像(png,jpg)

我在我的网络应用程序中使用 katex 来渲染数学方程。我需要将数学方程转换为图像(png 或 jpg)。我尝试了 html2canvas.js,但它无法转换某些符号。是否有任何前端工具可以将数学方程式转换为图像。?

0 投票
1 回答
593 浏览

reactjs - 如何应用 MathJax/KaTex 来渲染 React 组件

我正在使用 React 和 SlateJS 制作一个网络编辑器。编辑器内容中有 LaTex 代码,我希望用户看到渲染的 LaTex 方程。MathJax 和KaTex通过将它们加载为 CDN 具有自动渲染功能。加载后,将呈现 html 正文上的内容。但是当我修改内容时,它们不是实时渲染的。

所以我做了一个按钮,打开一个模式,在一个较小的窗口中呈现不可编辑的编辑内容,我希望在模式中呈现 LaTex 代码。

APP组件:

RenderedEditorDialog(模态)组件:

我的问题是如何应用 MathJax/KaTex 来呈现RenderedEditorDialog组件中的内容?

提前致谢!