如何设置MathJax 2.7.8的CSS配置以全局更改公式的文本颜色
如何设置MathJax 2.7.8的CSS配置以全局更改公式的文本颜色
提问于 2020-05-12 20:07:14
我正在一个项目中使用mathjax，并且我一直在尝试改变所有数学的颜色。我正在加载以下配置文件：
window.MathJax = {
jax: ['input/TeX', 'output/HTML-CSS'],
extensions: ['tex2jax.js'],
displayAlign: 'center',
TeX: {
extensions: ['AMSmath.js', 'AMSsymbols.js', 'AMScd.js'],
Macros: {
e: '{\\textrm{e}}',
R: '{\\mathbb{R}}', // this is working!
Z: '{\\mathbb Z}',
KK: '{\\mathbb{K}}'
}
},
tex2jax: {
inlineMath: [
['$', '$'],
['\\(', '\\)']
],
displayMath: [
['$$', '$$'],
['\\[', '\\]']
],
processEscapes: true
},
'HTML-CSS': {
fonts: ['TeX'],
styles: {
scale: 110,
'.MathJax': { padding: '1em 0.1em', color: 'green ! important' }, //Not working
'.MathJax_Display': { 'text-align': 'center' }
}
},
showProcessingMessages: false,
menuSettings: { zoom: 'Double-Click', mpContext: true, mpMouse: true }
}显然一切都正常，但HTML-CCS:styles部分不起作用。我找不到合适的参考资料，也不知道这个版本的MathJax (2.7.8)是否使用了不同的格式。在这个项目中，我使用nuxt和vuetify，我不知道这是否是问题所在，但是我关闭了vuetify，仍然没有将样式应用于数学显示。非常感谢你的帮助，米尔顿。
回答 2
Stack Overflow用户
发布于 2020-05-13 19:09:47
scale: 110参数不是CSS声明，因此不应该在styles块中(而是直接在HTML-CSS块中)。我怀疑这可能会导致样式不能正确生成。尝试将scale上移一级，看看是否有帮助。
请注意，HTML-CSS输出jax是可用的最慢的输出。您可以考虑切换到CommonHTML输出jax。
Stack Overflow用户
发布于 2020-05-13 23:10:22
我终于找到了问题所在。显然，Mathjax的新版本更改了CSS类的名称。现在可以使用以下配置：
更新:现在我面对的是一个只在开发模式下工作的不同的problem...that配置，当部署mathjax css不是working...in的情况下，我认为它是vuetify。:-(
更新:现在它正在工作，也是在部署模式下。我用一个预配置?config=TeX-AMS-MML_SVG加载Mathjax。当我在没有预先配置的情况下加载它时，它就可以工作了。我也不知道原因。
window.MathJax = {
jax: ['input/TeX', 'output/CommonHTML'],
extensions: ['tex2jax.js', 'Safe.js'],
styles: {
'.mjx-chtml': { padding: '0.1em 0.1em' }, //new names of the selectors, working!
'.MJXc-display, .mjx-chtml': { color: 'green' }
},
displayAlign: 'center',
TeX: {
extensions: ['AMSmath.js', 'AMSsymbols.js', 'AMScd.js'],
Macros: {
e: '{\\textrm{e}}',
R: '{\\mathbb{R}}',
Z: '{\\mathbb Z}',
KK: '{\\mathbb{K}}'
}
},
tex2jax: {
inlineMath: [
['$', '$'],
['\\(', '\\)']
],
displayMath: [
['$$', '$$'],
['\\[', '\\]']
],
processEscapes: true
},
CommonHTML: {
scale: 105,
linebreaks: { automatic: true }
},
showProcessingMessages: false,
menuSettings: { zoom: 'None', mpContext: true, mpMouse: true }
}请注意，样式位于CommonHTML项之外的核心配置中。谢谢你的帮助！米尔顿。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61751315
复制相关文章
相似问题
腾讯云开发者
