How to add Accessible Mathematics to your rise course. (Including Super and Sub Scripts and Formulas)

I actually think i've answered this question while replying, and i've updated my original post with this new JS injection:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
// Inspect the array of MutationRecord objects to identify the nature of the change
function mutationObjectCallback(mutationRecordsList) {
mutationRecordsList.forEach(function(mutationRecord) {
if ("attributes" === mutationRecord.type) {
}
});
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
}

// Create an observer object and assign a callback function
var observerObject = new MutationObserver(mutationObjectCallback);

// the target to watch, this could be #yourUniqueDiv
// we use the body to watch for changes
var targetObject = document.body;

// Register the target node to observe and specify which DOM changes to watch


observerObject.observe(targetObject, {
attributes: true,
attributeFilter: ["id", "dir"],
attributeOldValue: true,
childList: true
});

</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML'></script>

The lack of an equation editor is a serious problem for a broad range of applications.  If John D could create this hack 2 years ago, it is unthinkable that the developer won't even put an equation editor on the road map.  It does not have to be pretty WYSIWYG at first go, just automatically implementing this JavaScript approach would be a tolerable stopgap.  

If I had known of the limitations and the years of ignoring requests for math support in Articulate 360, I might have rethought my recommendation for my institution to purchase this software.  Screwing around with images is a pain and serious waste of my time.  Otherwise, it is reasonably good software and nicely polished.

Here's the code for MathJax version 3.  You can put this in the head section of the index.html page and don't have to worry about messing with the bundle.js file.

 Edit: updated 5/19/20 after scripts started breaking - This is the risk of users having to implement workarounds to get this functionality.  Articulate stores the lesson content in JSON which is BASE64 encoded and stored in a variable on the index.html page.  It must decode and parse the JSON and dynamically load the content to the page after the page is loaded.  It would be great if Articulate could provide us with an event we could hook into when the content is finished loading to the page.  At that point we could simply call MathJax.typeset(); or MathJax.typesetPromise(); instead of haphazardly trying to detect DOM changes which is VERY inefficient.

<script>
  var mathJaxPromise = null;
  MathJax = {
    tex: {
      inlineMath: [['\\(', '\\)']]
    },

    startup: {
      ready: () => {
        MathJax.startup.defaultReady(); // Make sure MathJax is initialized
        // Whenever there's a DOM change, check the dynamic content for LaTex
        var observer = new MutationObserver(function () {
          if (mathJaxPromise) {
            mathJaxPromise.then(function () {
              mathJaxPromise = MathJax.typesetPromise();
            });
          }
          else {
            mathJaxPromise = MathJax.typesetPromise();
          }
        });

        observer.observe(document.body, {
          attributes: true,
          attributeFilter: ["id", "dir"],
          attributeOldValue: true,
          childList: true
        });
      }
    }
  };

  function typeset() {
    MathJax.startup.promise = MathJax.startup.promise
      .then(() => MathJax.typesetPromise())
      .catch((err) => console.log('Typeset failed: ' + err.message));
    return MathJax.startup.promise;
  }
  // Check for changes in the hash location in the address bar
  addEventListener("hashchange", (event) => {
    typeset();
  });

</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<!-- Uncomment one of the scripts below to use either chtml or svg. I defaulted to SVG for widest support -->
<!-- svg (use scalable images) -->
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-svg.js"></script>
<!-- chtml (use html/fonts and css (beware of EDGE) -->
<!-- <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> -->

Hi all,

Thanks for sharing here. We are tracking requests about folks who need support for mathematical equations in Rise and Storyline, and I know a number of individuals recommended MathJax. We'll let you know here if this is something that makes our product roadmap! 

This has been "on the roadmap" for years. Why isn't this a feature yet?

Does anyone know why Rise is taking so long to add this feature? I mean, it's one of the most important in our work. What's so difficult about simply adding an Equations Block that's just similar to Microsoft Word that we can insert and work on equations from? 

Has anyone figured out if this solution will work in Storyline? I'm hopeless at JS programming.

Twelve more voices for math editor in RISE (all our course development team)! I have also submitted this feature request last year.

+1 for a Equation editor in Rise

Given the current need for online learning due to COVID 19, I think Articulate should really consider putting this on a very short term roadmap!