aboutsummaryrefslogtreecommitdiffhomepage
path: root/plugin/math/math.js
blob: 94238d11aaa39237447d7e8a9b45846cb2ea0da1 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/**
 * A plugin which enables rendering of math equations inside
 * of reveal.js slides. Essentially a thin wrapper for MathJax.
 *
 * @author Hakim El Hattab
 */
var RevealMath = window.RevealMath || (function () {

  var options = Reveal.getConfig().math || {};
  options.mathjax = options.mathjax || 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js';
  options.config = options.config || 'TeX-AMS_HTML-full';
  options.tex2jax = options.tex2jax || {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
  };

  loadScript(options.mathjax + '?config=' + options.config, function () {

    MathJax.Hub.Config({
      messageStyle: 'none',
      tex2jax: options.tex2jax,
      skipStartupTypeset: true
    });

    // Typeset followed by an immediate reveal.js layout since
    // the typesetting process could affect slide height
    MathJax.Hub.Queue(['Typeset', MathJax.Hub]);
    MathJax.Hub.Queue(Reveal.layout);

    // Reprocess equations in slides when they turn visible
    Reveal.addEventListener('slidechanged', function (event) {

      MathJax.Hub.Queue(['Typeset', MathJax.Hub, event.currentSlide]);

    });

  });

  function loadScript(url, callback) {

    var head = document.querySelector('head');
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;

    // Wrapper for callback to make sure it only fires once
    var finish = function () {
      if (typeof callback === 'function') {
        callback.call();
        callback = null;
      }
    };

    script.onload = finish;

    // IE
    script.onreadystatechange = function () {
      if (this.readyState === 'loaded') {
        finish();
      }
    };

    // Normal browsers
    head.appendChild(script);

  }

})();