gpt4 book ai didi

javascript - 使用 KaTeX 和 nodejs 生成 HTML

转载 作者:行者123 更新时间:2023-11-30 15:54:07 26 4
gpt4 key购买 nike

我在尝试用 HTML 和 CSS 呈现一个重要的公式时遇到了问题。它只会在我的屏幕上造成一团乱七八糟的 unicode 字符。

downloaded KaTeX进入目录 ./katex/并创建 test.js:

var katex = require('./katex/katex.min.js');
var html = katex.renderToString("x^y");
console.log(html);

我运行命令“nodejs test.js”并将输出粘贴到这个最小的 html 文件 test.html(插入换行符以提高可读性):

<html>
<head>
<link rel="stylesheet" type="text/css" href="./katex/katex.min.css">
</head>
<body>

<span class="katex"><span class="katex-mathml"><math><semantics>
<mrow><msup><mi>x</mi><mi>y</mi></msup></mrow>
<annotation encoding="application/x-tex">x^y</annotation></semantics>
</math></span><span class="katex-html" aria-hidden="true">
<span class="strut" style="height:0.664392em;"></span>
<span class="strut bottom" style="height:0.664392em;vertical-align:0em;">
</span><span class="base textstyle uncramped"><span class="mord">
<span class="mord mathit">x</span><span class="vlist">
<span style="top:-0.363em;margin-right:0.05em;">
<span class="fontsize-ensurer reset-size5 size5"><span style="font-size:0em;">​
</span></span><span class="reset-textstyle scriptstyle uncramped">
<span class="mord mathit" style="margin-right:0.03588em;">y</span>
</span></span><span class="baseline-fix">
<span class="fontsize-ensurer reset-size5 size5">
<span style="font-size:0em;">​</span></span>​</span></span></span>
</span></span></span>

</body>
</html>

这里看不到,但也有一些unicode零宽空格字符(200b)。

然后我在浏览器中打开它,看到了一堆额外的类似 unicode 的字符。

displaying test.html

对于其他公式,如\sqrt{} 和\frac{},同样的事情也会发生。我做错了什么?谢谢。

最佳答案

这是一个编码问题。只需在 html 文件中添加 meta 标记即可解决问题。

<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="./katex/katex.min.css">
</head>

关于javascript - 使用 KaTeX 和 nodejs 生成 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38835110/

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