Generieren von HTML mit KaTeX und Nodejs

Ich habe Probleme mit dem Versuch, eine nichttriviale Formel in HTML und CSS zu rendern. Es erzeugt nur eine Art durcheinandergeworfenes Durcheinander von Unicode-Charakteren auf meinem Bildschirm.Generieren von HTML mit KaTeX und Nodejs

I downloaded KaTeX in das Verzeichnis ./katex/ und erstellt test.js:

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

lief ich den Befehl 'NodeJS test.js' und klebte die Ausgabe in dieser minimalen HTML-Datei test.html (mit Zeilenumbrüche zur besseren Lesbarkeit eingefügt):

<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>

Sie können es hier nicht sehen, aber es gibt auch einige Unicode-Null-Breite Leerzeichen (200b).

Ich öffnete dies dann in einem Browser und bekam eine Unordnung von zusätzlichen Unicode-ähnlichen Zeichen.

Das gleiche geschieht für andere Formeln wie \ sqrt {} und \ frac {}. Was mache ich falsch? Vielen Dank.

Quelle

2016-08-08 usul

Dies ist ein Codierungsproblem. Fügen Sie einfach das Meta-Tag in der HTML-Datei hinzu, um das Problem zu lösen.

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

Quelle

2016-09-23 13:56:53 Bala

Super, danke. – usul

Ich bin Neuling zu Nodejs, Ihre Probe js für den Katex gespeichert meine Zeit vielen Dank. – Bala

Generieren von HTML mit KaTeX und Nodejs

Antwort

Verwandte Themen