Forum Discussion
Solved
How to add Accessible Mathematics to your rise course. (Including Super and Sub Scripts and Formulas)
Edit 1: Updated with JS to check for dynamically created content.
Edit 2: Updated with /content/lib/main.bundle.js script injection needed for continue buttons and other dynamic content.
Here are the steps to follow for creating accessible Math in rise:
- Use the following site to create your math latex formula: https://www.codecogs.com/latex/eqneditor.php and to confirm the equation displays the way you want. An example of a formula might be x^{2} = \frac{2}{y} which is “x² = 2 / y”
- Copy your latex formula into Rise where you want it, but add “$$” before and after, so: $$x^{2} = \frac{2}{y}$$
- Do this for all equations until you publish.
- After publishing, extract the zip file and open index.html
- After the <head> tag, insert the following Javascript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML'></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>
6. Finally, in /content/lib/main.bundle.js search for the following code:
return e.createElement("div", null, this.props.children)
and add the following right before it:
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
Hello everyone, 🎉
I’m happy to let you know we released a new update for Rise 360. This update adds the following feature:
- Build math equations using LaTeX syntax and revise them by adding color and alt text.
There’s nothing to install for web apps. New features and fixes are immediately available, though you might need to publish your Rise 360 course again.
Let me know if you have any questions about this update or the new feature.
+1 for adding support for equations in Rise!
+1 Institution for a math editor in Articulate 360 - I was just getting ready to load up the credit card with purchases of 360. It must be very difficult as a Staff member monitoring these boards to say that it's not on the roadmap yet year after year. A math editor in a teaching and learning tool seems so obvious. I am really surprised by this. Does the development team have a sense of how much business is lost by not implementing this critical teaching and learning tool?
This has been "on the roadmap" for years. Why isn't this a feature yet?
Agree with Math Notermans
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?
Hi Emmanuel,
I can propose one workaround: use the online version of Microsoft Word - accessible by logging in to office.com - and grab the <iframe> code to insert the equation as an Embed block in Rise ( note: Google Docs also has a similar feature).
To access the embed code from the online version of Word, you can go to File > Share > Embed.
You may then copy the code and paste it into Rise via the Embed block as shown here:
Microsoft adds a few more parameters into the <iframe> code. Be sure to retain only the basic <iframe> code. Otherwise, Rise might not accept it.
My team, 25 developers needs math equation functionality. We are working on digitalizing general subjects curricula for Lebanese vocational and technical education. And there is more work to come! Please, this feature is nesessary in Rise!
This is a ridiculous amount of technical work when Articulate should just finally include a Math editor. I don't understand why this hasn't been a top priority.
agreed 100%
+1 for Maths editor (accessibility is a must).
+1 for a Equation editor in Rise
Hi John, Thanks for the MathJax version 3 of the script from a few years ago. Unfortunately, it does not seem to be working now - the equations will only render after a browser refresh/reload. Do you (or anyone else for that matter) have a new version of the script?
