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 a Equation editor in Rise
Oof another +1, could really make things easier right now
Another +1 for a Rise math equation editor
+1 for an Equation editor in Rise (please!)
+1 to formulas editor in Rise
I work for a medical association, and having a built-in formula editor in Rise to add formulas in-line would really help us -- especially for our physics-related content.
I can see many others have been requesting this feature for quite some time. Are there any plans to incorporate such a feature?
Thanks for asking about this feature, Wes. A mathematical equations feature isn't on our roadmap for Rise 360 right now, but we'll let you know if that changes!
Thank you for your response, Alyssa. I'll keep the Articulate 360 roadmap page bookmarked!
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!
Thanks John for you efforts. We do need a proper math editor in Rise though. This solution is not scalable across dev teams and faculty at our institution.
This discussion is good. However, let's avoid band-aids. RISE needs a robust in-built math editor. That would be fabulous new feature. I hope the RISE dev team is monitoring this discussion.
Thanks for your note, Eric. We keep our eyes on every request we receive in the E-Learning Heroes community. I appreciate you sharing that this feature is important to you!
