I have a html page which contains maths as TeX that should be converted with mathjax in one block as HTML-CSS and another block as SVG. I'm using requirejs and MathJax v. 2.7.7.
<div class="output-html-css">...
--------------------------------------------------
| |
| This block should be HTML-CSS |
| |
--------------------------------------------------
</div>
<div class="output-svg">
--------------------------------------------------
| |
| This block should be SVG |
| |
--------------------------------------------------
</div>
Both blocks share the same configuration:
MathJax = {
jax: ["input/TeX", "output/SVG", "output/HTML-CSS"],
extensions: ["toMathML.js", "tex2jax.js", "MathMenu.js", "MathZoom.js", "fast-preview.js", "AssistiveMML.js", "a11y/accessibility-menu.js"],
TeX: {
extensions: ["AMSmath.js", "AMSsymbols.js", "noErrors.js", "noUndefined.js", "mhchem.js"],
},
tex2jax: {
inlineMath: [
['\\(','\\)'],
['[[',']]']
],
displayMath: [
['[[$','$]]']
],
balanceBraces: true,
skipTags: ["script","noscript","style","textarea","pre","code","iframe"],
ignoreClass: "tex2jax_ignore"
},
SVG: {
useFontCache: true,
useGlobalCache: false,
EqnChunk: 1000000,
EqnDelay: 0,
font: 'STIX-Web'
},
}
Is it possible to tell MathJax that upper block should be rendered as HTML-CSS and lower block should be rendered as SVG?