How to use mathjax - 9 common examples

import {MathJax} from "mathjax/mathjax.js";
export {MathJax} from "mathjax/mathjax.js";

import "mathjax/handlers/html.js";

let html = MathJax.HandlerFor("");

MathJax.HandleRetriesFor(function () {

    html.TestMath(process.argv[3] || '').Compile();
    console.log(html.math[0].tree);

}).catch(err => {
  console.log(err.message);
  console.log(err.stack.replace(/\n.*\/system\.js:(.|\n)*/,""));
});

import {MathJax} from "mathjax/mathjax.js";
export {MathJax} from "mathjax/mathjax.js";

import "mathjax/handlers/html.js";
import {MmlVisitor} from "TreeJax/lib/mml_visitor.js";

let mml = new MmlVisitor();
let html = MathJax.HandlerFor("");

MathJax.HandleRetriesFor(function () {

    html.TestMath(process.argv[3] || '').Compile();
    mml.visitTree(html.math[0].tree);
    console.log(mml.getResult().toString());

}).catch(err => {
  console.log(err.message);
  console.log(err.stack.replace(/\n.*\/system\.js:(.|\n)*/,""));
});

import {MathJax} from "mathjax/mathjax.js";
export {MathJax} from "mathjax/mathjax.js";

import "mathjax/handlers/html.js";

let html = MathJax.HandlerFor(`

<title>Test MathJax3</title>

This is some math: \\(x+1\\).
\\[x+1\\over x-1\\]


`);

MathJax.HandleRetriesFor(function () {

    html.FindMath()
        .Compile()
        .Typeset();
        
    console.log(html.math);

}).catch(err =&gt; {
  console.log(err.message);
  console.log(err.stack.replace(/\n.*\/system\.js:(.|\n)*/,""));
});

import {MathJax} from "mathjax/mathjax.js";
export {MathJax} from "mathjax/mathjax.js";

import "mathjax/handlers/html.js";

let html = MathJax.HandlerFor(`

<title>Test MathJax3</title>

This is some math: \\(x+1\\).
\\[x+1\\over x-1\\]


`);

MathJax.HandleRetriesFor(function () {

    html.FindMath()
        .Compile()
        .Typeset();
        
    console.log(html.math);

import {MathJax} from "mathjax/mathjax.js";
export {MathJax} from "mathjax/mathjax.js";

import "mathjax/handlers/html.js";

let html = MathJax.HandlerFor("");

MathJax.HandleRetriesFor(function () {

    html.TestMath(process.argv[3] || '').Compile();
    console.log(html.math[0].tree);

}).catch(err => {
  console.log(err.message);
  console.log(err.stack.replace(/\n.*\/system\.js:(.|\n)*/,""));
});

import {MathJax} from "mathjax/mathjax.js";
export {MathJax} from "mathjax/mathjax.js";

import "mathjax/handlers/html.js";
import {MmlVisitor} from "TreeJax/lib/mml_visitor.js";

let mml = new MmlVisitor();
let html = MathJax.HandlerFor("");

MathJax.HandleRetriesFor(function () {

    html.TestMath(process.argv[3] || '').Compile();
    mml.visitTree(html.math[0].tree);
    console.log(mml.getResult().toString());

}).catch(err => {
  console.log(err.message);
  console.log(err.stack.replace(/\n.*\/system\.js:(.|\n)*/,""));
});

Editor.filter('dom', function (dom, done) {
    MathJax.Hub.Queue(['Typeset'], MathJax.Hub, dom);
    MathJax.Hub.Queue(function () {
      done(null, dom);
    });
  });
};

var MathJax = require('mathjax');


/**
 * Configure.
 *
 * http://docs.mathjax.org/en/latest/config-files.html#the-tex-ams-mml-htmlormml-configuration-file
 */

MathJax.Hub.Config({
  config: ["MMLorHTML.js"],
  jax: ["input/TeX","input/MathML","output/HTML-CSS","output/NativeMML"],
  extensions: ["tex2jax.js","mml2jax.js","MathMenu.js","MathZoom.js"],
  TeX: {
    extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
  },
  tex2jax : {
    displayMath : [['$$','$$'], ['\\[','\\]']],
    inlineMath  : [['\\(','\\)']]
  }
});


/**
 * Filter dom and turn it into MathJax.
 */

export function HTMLCompile(math) {
  return Translate(math.math,math.display);
}