使用 Latex 为 javascript 中的变量着色

Question

我的 javascript 运行中有以下行，它将格式化 latex/mathjax 中的三次方程以显示，同时包含代码中的变量：

document.getElementById("demo").innerHTML = "$y = $" + xzero + "$ + $" + xone + "$x + $" + xtwo + "$x^2 + $" + xthree + "$x^3$";

我现在要做的是给方程中变量所在的部分涂上颜色。我想

...= "$y = \color{#AF0}{$" + roundNum(xzero) + "$} + $"...

会起作用，但很明显它不起作用。关于如何为方程中的变量着色，我能得到一些帮助吗？

Answer 1

您是在设置#demo 的 innerHTML 的代码行之后执行此操作的吗？

MathJax.Callback.Queue(["Typeset", MathJax.Hub, "demo"]);

在我这里，

"$y = \color{#AF0}{" + roundNum(xzero) + "} + "... +"$";

成功了，去掉等式中间的美元符号，只把它们放在开头和结尾（就像我做的那样）。

它应该是这样的：

document.getElementById("demo").innerHTML = "$y = \color{#AF0}{" + roundNum(xzero) + "} + "... +"$";
MathJax.Callback.Queue(["Typeset", MathJax.Hub, "demo"]);

编辑：

我像@Davide Cervone 说的那样将反斜杠加倍。

使用 Latex 为 javascript 中的变量着色

Using latex to color variables in javascript

html

javascript

latex

mathjax