Styling MathJax - PullRequest
Новая
       9

Styling MathJax

15 голосов
/ 12 апреля 2011

Я так запутался по этому поводу.Я искал учебники, но не могу найти ничего, что имеет для меня смысл, как мне установить класс CSS для вывода MathJax?Я просто хочу сделать шрифт большим.Текущее включение: 

<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

Внизу моей страницы.Хорошо отрисовывает TEX, но я бы хотел установить на него немного CSS!

В идеале я бы хотел передать ему имя класса CSS.

Ответы [ 2 ]

21 голосов
/ 12 апреля 2011

Вы пытались установить опцию scale в своем выходном процессоре? См. руководство . Вы можете установить параметры конфигурации в файле или в строке; эта страница охватывает процесс.

По сути, вы включаете короткий фрагмент JavaScript на своей странице или в файле, который вы включаете. Пример: 

<script type="text/javascript">    
  MathJax.Hub.Config({    
    extensions: ["tex2jax.js"],    
    "HTML-CSS": { scale: 100}    
  });    
</script>

Кроме того, вы можете просто окружить объект в div с примененным классом CSS. Посмотреть источник на этой странице . 

<div style="font-size: 500%;">    
\[

  g\frac{d^2u}{dx^2} + L\sin u = 0

\]    
</div>

Уравнение просто унаследует размер шрифта.

13 голосов
/ 15 августа 2014

Обновление:

Как я узнал сейчас, не использует CSS для стилизации TeX в mathjax, это может привести к проблемам с отображением.Смотрите здесь: https://github.com/mathjax/MathJax/issues/925

Решение заключается в использовании Javascript с блоком Config: 

<script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({ 
        "HTML-CSS": { scale: 200, linebreaks: { automatic: true } }, 
        SVG: { linebreaks: { automatic:true } }, 
        displayAlign: "left" });
</script>

Устаревшее:

Ядинамически загружать MathJax с помощью getScript () JQuery, только в том случае, если на странице $$.В этом случае решение выше не работает.

Обходное решение - установить CSS после загрузки: 

$(".MathJax").css("font-size","150%");

Вместо размера шрифта в % вы также можете использовать px или em.

Если это не работает, используйте! Важное для ваших стилей CSS.Например: 

.MathJax, .MathJax_Display  {
    text-align: left !important;
    font-size: 130%  !important;
}
...