问题标签 [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 投票
2 回答
203 浏览

jupyter-notebook - 在 jupyter notebook 中加载 katex 的散景问题

我正在尝试在标签集的 jupyter notebook 中复制https://docs.bokeh.org/en/latest/docs/user_guide/extensions_gallery/latex.html#userguide-extensions-examples-latex中提到的散景乳胶示例。我可以看到 katex.min.js 正在从 Web 控制台加载。但是,当 LatexLabel 呈现时,它会声明katex not defined。Katex JS 文档说,一旦加载了 js,它就应该在全球范围内可用。

还尝试将脚本元素添加到文档根目录中。虽然没有运气。

任何方向都会有所帮助。

0 投票
2 回答
878 浏览

gatsby - 如何将 katex 插件添加到 gatsby-theme-blog

我是 Gatsby 的新手(以及一般的前端)。我正在尝试根据博客主题https://www.gatsbyjs.org/packages/gatsby-theme-blog/将 katex 插件https://www.gatsbyjs.org/packages/gatsby-remark-katex/添加到我的项目中但它不起作用。

我所做的如下:从gatsby-theme-blog

在项目的顶部,安装gatsby-remark-katex插件,

在顶层添加配置gatsby-config.js

并将顶层的css导入gatsby-browser.js

content/posts如果我把一些降价文档放在下面

网页显示就像

我是为普通的 gatsby 项目以及博客启动器https://www.gatsbyjs.org/starters/gatsbyjs/gatsby-starter-blog/做的, 比如从

编辑gatsby-config.js喜欢

gatsby-browser.js

它正在工作。

如何使用 blog-theme 之类的主题将 katex 插件添加到项目中?node_modules我应该以某种方式将它添加到主题目录中吗?

谢谢!

0 投票
0 回答
231 浏览

django - 将乳胶渲染脚本添加到 django-markdownx admin

我正在用 Django 制作个人主页。我正在使用django-markdownx作为文章模型的内容。另外,项目中已经实现了 Katex,在 Django 模板 HTML 中使用 JS 行来渲染 Latex。

我很难将这个 Katex JS 代码应用到 Django 管理页面。如何将下面的 JS 代码实现到 Django 管理页面的特定元素?我不希望将脚本应用于管理页面的所有元素,因为编辑文本框应该显示原始 Latex 代码,但只有预览部分应该将 Latex 部分呈现为方程式。

这里是 django-markdownx,和 Katex 参考:
https ://neutronx.github.io/django-markdownx/
https://katex.org/docs/api.html

这是我用于 Latex 渲染的 JS 代码块。

0 投票
0 回答
114 浏览

javascript - JavaScript:通过 websockets 更新网页时避免闪烁

我正在构建一个小型 Web 应用程序,其中包括一个通过 websocket 定期更新的网页。每条消息都是一个包含许多 HTML 标记的字符串,包括 LaTeX 代码。该字符串的内容被放入一个div容器中。然后我使用renderMathInElementfrom KaTeX来解释 LaTeX 部分。

问题: 这适用于小消息,但对于大字符串,站点在插入新内容时开始闪烁。闪烁只发生在已部署的版本中,这让我很恼火,因为我的 Firefox 应该始终以相同的速度运行 javascript 代码。事实上,已部署版本的加载时间较慢,不应该改变 javascript 代码的效率。

代码

如您所见,我添加了一个 hidden div,它首先准备内容,然后content.innerHTML再用新内容替换真实内容。但是这种变化并不能解决闪烁的问题。

如果您想知道,即使移除renderMathInElement零件也不能解决问题。闪烁速度更快,但仍然存在。

javascript websocket 接口是否以任何方式延迟,这可能会导致部署实例和本地实例之间的差异?如果它是严格的,不应该使流量速度有任何差异,因为在处理开始时消息已经完全传输?

如果您需要澄清,请告诉我。

0 投票
0 回答
32 浏览

javascript - 如何将 KaTeX 集成到存储卡应用程序中

如何将 KaTeX 集成到此处给出的存储卡应用程序中。

存储库:https ://github.com/bradtraversy/vanillawebprojects

演示:https ://vanillawebprojects.com/projects/memory-cards/

我已经在里面添加了 katex 文件并尝试了。它不工作。

我希望存储卡的正面和背面都接受 KaTeX。

带有 KaTeX 链接的完整存储卡应用程序的 zip 文件在此处上传 https://workupload.com/file/jypmgv5p

html文件添加在[index.html]下面

0 投票
1 回答
76 浏览

html - 为什么运行 KaTeX 会改变我页面的滚动元素到视图行为?

这真的很奇怪;我有一个简单的页面,我想使用锚链接来滚动视图中的表格元素。

这是我希望它的行为:https ://codepen.io/jason-s/full/MWwaRNz?nokatex - 链接在顶部,表格在底部,相应的行滚动到视图中。

问题是,当我启用 KaTeX(调用renderMathInElement)时,滚动行为会发生变化;相反,有问题的行会跳到页面顶部,顶部的链接会消失:https ://codepen.io/jason-s/full/MWwaRNz

源代码非常简单(https://codepen.io/jason-s/pen/MWwaRNz,转载如下)。

为什么会发生这种情况,我该如何解决?我使用 Chrome 的开发工具来检查 CSS,我看不出任何可以解释它的差异。

0 投票
1 回答
44 浏览

javascript - 方程渲染不如预期

我正在玩方程式,我试图在 LaTeX 中使用KaTeX进行渲染。

我认为我做错了什么,因为 HTML 渲染不像 KaTeX 网站上的演示输出中显示的那样。

例如,对于 LaTeX 代码:

这就是我所拥有的:

在此处输入图像描述

根据 KaTeX 演示,这是预期的:

在此处输入图像描述

在这两种情况下,它是 HTML 渲染而不是 MathML 渲染。

我很确定我没有正确使用某些东西,但我不能指出问题所在。

任何线索都会很好。

0 投票
1 回答
31 浏览

katex - 如何使双条在 KaTeX 中的变量上垂直对齐?它们目前被抵消

第一次发帖!

我正在寻找如何在 KaTeX 中将多个条对齐到变量上。

目前,它们是抵消的:

双杠偏移

这是我尝试实现双栏的部分代码:

0 投票
1 回答
190 浏览

katex - 为什么 KaTeX 没有在本地加载?

我无法设置 KaTeX。如果我远程加载 KaTeX,它可以工作,但它拒绝在本地工作。这是我的代码:

不工作的原因是什么?如果我粘贴 KaTeX 远程文件的路径,它可以完美运行。

0 投票
1 回答
99 浏览

javascript - MathJax 和 KaTeX 在 HTML 中工作,但在 Javascript 中不工作

当我用 HTML 编写以下代码时,它工作正常:

但是当我在 Javascript 中尝试以下代码时,它不起作用:

为什么是这样?无论我使用的是 Katex 还是 MathJax,都会出现同样的问题