gpt4 book ai didi

javascript - 我如何使用 KaTeX 渲染 $..$ 中的所有内联公式?

转载 作者:数据小太阳 更新时间:2023-10-29 04:07:59 26 4
gpt4 key购买 nike

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

最佳答案

是的,您可以使用 KaTeX 的 auto-render extension 渲染所有以 $ 分隔的公式.根据该页面上的文档,$ 不是默认分隔符之一,因此您需要在调用 renderMathInElement() 并设置 display< 时设置它false,呈现内联。下面是一个例子,另一个可以从 KaTeX 中找到 here .

请注意,JavaScript 中的 \\ 对应于 HTML 中的 \

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/contrib/auto-render.min.js"></script>
</head>
<body>
<div>The formula $a^2+b^2=c^2$ will be rendered inline, but $$a^2+b^2=c^2$$ will be rendered as a block element.</div>
<br>
<div>The formula \(a^2+b^2=c^2\) will be rendered inline, but \[a^2+b^2=c^2\] will be rendered as a block element.</div>
<script>
renderMathInElement(
document.body,
{
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "\\[", right: "\\]", display: true},
{left: "$", right: "$", display: false},
{left: "\\(", right: "\\)", display: false}
]
}
);
</script>
</body>
</html>

关于javascript - 我如何使用 KaTeX 渲染 $..$ 中的所有内联公式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27375252/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com