使用KaTeX和Node.js生成HTML

建议

我遇到了尝试在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零宽度空格字符(200b)。

然后,我在浏览器中打开了它,并弄得乱七八糟的类似于unicode的字符。

显示test.html

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

巴拉

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

node.js子进程-生成和派生之间的区别

来自分类Dev

使用Javascript生成HTML,然后使用Angular js对其进行解释

来自分类Dev

创建有序列表以及生成输入字段HTML和JS

来自分类Dev

使用Node js生成Google Chrome

来自分类Dev

如何使用浏览器的(chrome / firefox)HTML / CSS / JS渲染引擎生成PDF?

来自分类Dev

按钮更新node.js和HTML

来自分类Dev

从html中提取js和css文件的URL?(使用node.js)

来自分类Dev

使用node.js和mongoose的mapReduce

来自分类Dev

在node.js中使用phantom.js生成pdf

来自分类Dev

安装和使用Node JS

来自分类Dev

使用KaTeX在node.js模板中渲染数学

来自分类Dev

如何在html模板中生成项目数组以在Node Js中创建pdf?

来自分类Dev

使用Arizona.js生成静态HTML-如何启用行号?

来自分类Dev

如何从Node.js中动态创建的HTML生成图像?

来自分类Dev

使用Node JS和MongoDB过滤查询

来自分类Dev

Django3:动态生成可在HTML页面中使用的js

来自分类Dev

使用javascript和html生成pdf报告

来自分类Dev

使用node.js从多个JSON文件动态生成url和页面内容

来自分类Dev

Netbeans和Node.js使用

来自分类Dev

使用Django和Reportlab从HTML生成PDF

来自分类Dev

使用请求承诺和Node.js缓存HTML

来自分类Dev

安装和使用Node JS

来自分类Dev

在Node.js中生成html的PDF文件

来自分类Dev

使用Qt生成HTML

来自分类Dev

html使用cheerio js和node js抓取td元素

来自分类Dev

使用 node.js、Mocha 和 mocha-jsdom 测试 Typescript 生成的类?

来自分类Dev

Nuxt/Vue - 它生成的 html 和 js 文件

来自分类Dev

Vue.js v-for 生成的 html 块使用双向数据绑定捕获折叠状态

来自分类Dev

使用 `replace` 和 Node.js 函数

Related 相关文章

热门标签

归档