2013-08-12 13:21:38 +00:00
|
|
|
/**
|
|
|
|
* A plugin which enables rendering of math equations inside
|
|
|
|
* of reveal.js slides. Essentially a thin wrapper for MathJax.
|
|
|
|
*
|
|
|
|
* @author Hakim El Hattab
|
|
|
|
*/
|
2013-08-13 03:01:35 +00:00
|
|
|
var RevealMath = window.RevealMath || (function(){
|
|
|
|
|
2013-08-18 18:13:55 +00:00
|
|
|
var options = Reveal.getConfig().math || {};
|
2017-04-05 11:44:41 +00:00
|
|
|
options.mathjax = options.mathjax || 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js';
|
2013-08-18 18:13:55 +00:00
|
|
|
options.config = options.config || 'TeX-AMS_HTML-full';
|
2017-11-30 05:53:10 +00:00
|
|
|
options.tex2jax = options.tex2jax || {
|
|
|
|
inlineMath: [['$','$'],['\\(','\\)']] ,
|
|
|
|
skipTags: ['script','noscript','style','textarea','pre'] };
|
2013-08-13 02:42:14 +00:00
|
|
|
|
2013-08-18 18:13:55 +00:00
|
|
|
loadScript( options.mathjax + '?config=' + options.config, function() {
|
2013-08-12 13:21:38 +00:00
|
|
|
|
2013-08-13 04:10:14 +00:00
|
|
|
MathJax.Hub.Config({
|
|
|
|
messageStyle: 'none',
|
2017-11-30 05:53:10 +00:00
|
|
|
tex2jax: options.tex2jax,
|
2013-08-13 12:53:31 +00:00
|
|
|
skipStartupTypeset: true
|
2013-08-13 04:10:14 +00:00
|
|
|
});
|
2013-08-13 02:42:14 +00:00
|
|
|
|
2013-08-13 12:53:31 +00:00
|
|
|
// 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
|
2013-08-13 04:10:14 +00:00
|
|
|
Reveal.addEventListener( 'slidechanged', function( event ) {
|
2013-08-13 02:42:14 +00:00
|
|
|
|
2013-08-13 12:53:31 +00:00
|
|
|
MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, event.currentSlide ] );
|
2013-08-13 03:01:35 +00:00
|
|
|
|
2013-08-13 04:10:14 +00:00
|
|
|
} );
|
2013-08-12 13:21:38 +00:00
|
|
|
|
2013-08-13 03:15:19 +00:00
|
|
|
} );
|
|
|
|
|
|
|
|
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' ) {
|
2013-08-16 13:30:22 +00:00
|
|
|
finish();
|
2013-08-13 03:15:19 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Normal browsers
|
|
|
|
head.appendChild( script );
|
|
|
|
|
2013-08-12 13:21:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
})();
|