xeslive_components/src/utils/mathjax.js

Vue Component's store for TAL

const Promise = require('es6-promise').Promise

exports.mathjax = new Promise((resolve, reject) => {
  let head = document.getElementsByTagName("head")[0], script;
  script = document.createElement("script");
  script.type = "text/x-mathjax-config";
  script[(window.opera ? "innerHTML" : "text")] = `
              MathJax.Hub.Config({
                showProcessingMessages: false,
                messageStyle: "none",
                extensions: ["tex2jax.js"],
                jax: ["input/TeX", "output/SVG"],
                tex2jax: {
                  inlineMath: [ ['$$','$$'], ["\\\\(","\\\\)"] ],
                  displayMath: [ ['$','$'], ["\\\\[","\\\\]"] ],
                  processEscapes: false
                },
                // "HTML-CSS": { availableFonts: ["TeX"],
                //               linebreaks: { automatic: true }
                // },
                SVG: { linebreaks: { automatic: true } }
              });
            `;
  head.appendChild(script);
  script = document.createElement("script");
  script.type = "text/javascript";
  script.src  = "http://lib01.xesimg.com/lib/MathJax/2.6/MathJax.js?config=TeX-AMS-MML_SVG";
  head.appendChild(script);
  script.onload = () => {
    setTimeout(() => {
      resolve()
    },1000)
  }
});