1
0
Fork 0
why-cant-we-deploy-today/plugin/math/math.js

68 lines
1.7 KiB
JavaScript
Raw Normal View History

2013-08-12 15:21:38 +02: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 05:01:35 +02:00
var RevealMath = window.RevealMath || (function(){
2013-08-18 20:13:55 +02:00
var options = Reveal.getConfig().math || {};
options.mathjax = options.mathjax || 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js';
2013-08-18 20:13:55 +02:00
options.config = options.config || 'TeX-AMS_HTML-full';
options.tex2jax = options.tex2jax || {
inlineMath: [['$','$'],['\\(','\\)']] ,
skipTags: ['script','noscript','style','textarea','pre'] };
2013-08-18 20:13:55 +02:00
loadScript( options.mathjax + '?config=' + options.config, function() {
2013-08-12 15:21:38 +02:00
2013-08-13 06:10:14 +02:00
MathJax.Hub.Config({
messageStyle: 'none',
tex2jax: options.tex2jax,
2013-08-13 14:53:31 +02:00
skipStartupTypeset: true
2013-08-13 06:10:14 +02:00
});
2013-08-13 14:53:31 +02: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 06:10:14 +02:00
Reveal.addEventListener( 'slidechanged', function( event ) {
2013-08-13 14:53:31 +02:00
MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, event.currentSlide ] );
2013-08-13 05:01:35 +02:00
2013-08-13 06:10:14 +02:00
} );
2013-08-12 15:21:38 +02: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 15:30:22 +02:00
finish();
}
}
// Normal browsers
head.appendChild( script );
2013-08-12 15:21:38 +02:00
}
})();