Различные свойства для разных разделителей?

Question

Я знаю, что я могу указать разделители, как так

MathJax.Hub.Config({ 
    "tex2jax": { 
     displayMath: [["$$", "$$"], ["\\(", "\\)"]], 
     inlineMath: [["$", "$"]] 
    } 
}); 

Мой вопрос заключается в том, можно ли назначить различные свойства/таблицы стилей для различных разделителей? В моем случае я хочу, чтобы формулы, окруженные $$, были центрированы (что кажется по умолчанию) и формулы, окруженные \(, и \), чтобы их выровнять влево.

Answer 1

Там может быть способ изменить tex2jax процессор и добавлять новые типы отображения с их собственными , но есть более простой способ достичь в значительной степени тот же самый результат, используя classes и styles, что вы можете легко добавить к config объекта , Например, вам нужно только добавить класс слева к элементам MathJax, которые вы хотите выровнять влево.

MathJax.Hub.Config({ 
 
    "tex2jax": { 
 
     displayMath: [ 
 
      ["$$", "$$"], 
 
      ["\\(", "\\)"] 
 
     ], 
 
     inlineMath: [ 
 
      ["$", "$"] 
 
     ] 
 
    }, 
 
    displayAlign: "", 
 
    "HTML-CSS": { 
 
     styles: { 
 
      ".left .MathJax_Display": { 
 
       "text-align": "left" 
 
      } 
 
     } 
 
    } 
 

 
});

<script type='text/javascript' src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> 
 
<p class="left">$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p> 
 
<p>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>

Это требует, чтобы вы кладете MathJax между тегами.

EDIT:

Вы также можете изменить стили по умолчанию, так что вы можете переопределить некоторые свойства .MathJax_Display таким же образом. Как это:

MathJax.Hub.Config({ 
 
    "tex2jax": { 
 
     displayMath: [ 
 
      ["$$", "$$"], 
 
      ["\\(", "\\)"] 
 
     ], 
 
     inlineMath: [ 
 
      ["$", "$"] 
 
     ] 
 
    }, 
 
    displayAlign: "", 
 
    "HTML-CSS": { 
 
     styles: { 
 
      ".left .MathJax_Display": { 
 
       "text-align": "left" 
 
      }, 
 
      ".MathJax_Display":{ 
 
       "text-align": "right" 
 
      } 
 
     } 
 
    } 
 
});

<script type='text/javascript' src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> 
 
<p class="left">$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p> 
 
<p>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>