Spaces:
Running
Running
| /** | |
| * A plugin which enables rendering of math equations inside | |
| * of reveal.js slides. Essentially a thin wrapper for MathJax. | |
| * | |
| * @author Hakim El Hattab | |
| */ | |
| export const MathJax2 = () => { | |
| // The reveal.js instance this plugin is attached to | |
| let deck; | |
| let defaultOptions = { | |
| messageStyle: 'none', | |
| tex2jax: { | |
| inlineMath: [ [ '$', '$' ], [ '\\(', '\\)' ] ], | |
| skipTags: [ 'script', 'noscript', 'style', 'textarea', 'pre' ] | |
| }, | |
| skipStartupTypeset: true | |
| }; | |
| function loadScript( url, callback ) { | |
| let head = document.querySelector( 'head' ); | |
| let script = document.createElement( 'script' ); | |
| script.type = 'text/javascript'; | |
| script.src = url; | |
| // Wrapper for callback to make sure it only fires once | |
| let finish = () => { | |
| if( typeof callback === 'function' ) { | |
| callback.call(); | |
| callback = null; | |
| } | |
| } | |
| script.onload = finish; | |
| // IE | |
| script.onreadystatechange = () => { | |
| if ( this.readyState === 'loaded' ) { | |
| finish(); | |
| } | |
| } | |
| // Normal browsers | |
| head.appendChild( script ); | |
| } | |
| return { | |
| id: 'mathjax2', | |
| init: function( reveal ) { | |
| deck = reveal; | |
| let revealOptions = deck.getConfig().mathjax2 || deck.getConfig().math || {}; | |
| let options = { ...defaultOptions, ...revealOptions }; | |
| let mathjax = options.mathjax || 'https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js'; | |
| let config = options.config || 'TeX-AMS_HTML-full'; | |
| let url = mathjax + '?config=' + config; | |
| options.tex2jax = { ...defaultOptions.tex2jax, ...revealOptions.tex2jax }; | |
| options.mathjax = options.config = null; | |
| loadScript( url, function() { | |
| MathJax.Hub.Config( options ); | |
| // Typeset followed by an immediate reveal.js layout since | |
| // the typesetting process could affect slide height | |
| MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, deck.getRevealElement() ] ); | |
| MathJax.Hub.Queue( deck.layout ); | |
| // Reprocess equations in slides when they turn visible | |
| deck.on( 'slidechanged', function( event ) { | |
| MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, event.currentSlide ] ); | |
| } ); | |
| } ); | |
| } | |
| } | |
| }; | |