文章/答案/技术大牛

发布

社区首页 >问答首页 >用KaTeX和nodejs生成HTML

问用KaTeX和nodejs生成HTML
EN

Stack Overflow用户

提问于 2016-08-08 17:21:04

回答 1查看 802关注 0票数 2

我遇到了一些问题，试图在HTML和CSS中呈现一个非平凡的公式。它只是在我的屏幕上创建了一种混乱的unicode字符。

我下载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零宽度空格字符(200 B)。

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

其他公式(如\sqrt{}和\frac{} )也会发生同样的情况。我做错什么了？谢谢。

javascript

html

node.js

katex

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-23 13:56:53

这是编码问题。只需在html文件中添加元标记就可以解决这个问题。

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38835110

复制

相似问题

问用KaTeX和nodejs生成HTML
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用KaTeX和nodejs生成HTMLEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用KaTeX和nodejs生成HTML
EN