Question

在this page之后，我尝试将简单等式的颜色设置为div容器。

的示例

似乎没有解释等式（以及颜色），我不知道如何渲染它。

JS：

 MathJax.Hub.Config({
messageStyle: "none",
TeX: { equationNumbers: {autoNumber: "all"}},
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], 
displayMath: [ ['\\begin{displaymath}','\\end{displaymath}'], ['\\begin{equation}','\\end{equation}'] ],
processEscapes: true,
preview: "none"
}});

MathJax.Hub.Config({ TeX: { extensions: ["color.js"] }});

HTML：

<div id="containerMath">
$\definecolor{energy}{RGB}{0,0,172}
\color{energy} ax+b=c$
</div>

任何人都已经尝试过Mathjax字体的颜色吗？

Answer 1

您需要将script标记的类型指定为text/x-mathjax-config，您要在其中定义mathjax config

例如：

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ TeX: { extensions: ["color.js"] }});
</script>

更新小提琴：https://jsfiddle.net/18vyyvrk/28/ 编辑：在小提琴中我还更改了脚本以加载onDomready

Mathjax扩展字体的颜色

1 个答案: