用javascript修改Mathjax的变量颜色

时间:2019-01-04 06:14:44

标签: mathjax

我想以编程方式修改变量的颜色。我已经尝试过了

throws InterruptedException, ParseException

但是它只会破坏语法。由于无法嵌套在上划线中,因此无法将其分解为多个方程。

关于将标识符添加到mathjax变量的任何技巧,以便我可以在javascript中引用它?

1 个答案:

答案 0 :(得分:2)

改为编写CSS类规则,然后输入\class{yourClass}{yourVariable}

.yourClass{
  color:#0000EE;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML-full"></script>

<p> \(\overline{\class{yourClass}{A}+B}+\overline{B}\)</p>

您现在为变量有了一个“标识符”,一旦对其进行处理,就可以使用javascript轻松更改颜色

var button = document.querySelector('button');
button.addEventListener('click',changeColor);
function changeColor(){
   document.querySelector('.yourClass').style.color='red';
}
.yourClass{
  color:#0000EE;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML-full"></script>

<p> \(\overline{\class{yourClass}{A}+B}+\overline{B}\)</p>
<button>click</button>