ASCIIMathML
ASCIIMathML.js is a "script which allows incorporating mathematical formulas on webpages with a minimum of fuss (just add one line to a webpage to load the script)".
The Setup:
The script is already on the MSU ANGEL LMS, you just have to include it in your page text.
<script type="text/javascript" src="/msu_jscript/ASCIIMathML.js"></script>
I don't recommend using the ANGEL equation editor that is built into the HTML editor. It uses tables and standard HTML code that can render inconsistently in various browsers. ASCIIMathML uses creates W3C recommended MathML code for you and is, in my opinion, easier and better.
Then type your formula...you can edit the formulas below and see the results immediately to the right.
| Type This: | See This: |
|---|---|
Note: remember to enclose your equations in the tick marks shown in the examples above. This character can be found on your keyboard above the tab button. Forgetting them will have unexpected results!
System Requirements:
Display of ASCIIMathML elements requires a few special fonts to be installed:
- For Mozilla Firefox users, visit the Fonts for MathML-enabled Mozilla page and click the "font installer" link to the right.
- For Internet Explorer users, download and install MathPlayer.
Further Reading:
- Learn more or download the latest version on the ASCIIMathML web site.
- Useful information about ASCIIMathML by James Gray, including a nice tutorial.
- ASCIIMathML.js is mentioned on the MathML page of the World Wide Web Consortium, also on mathforge.net and The Math Forum.
- ASCIIMath Image Fallback Scripts by David Lippman (including a Moodle filter) and a LaTeXMathML version of ASCIIMathML by Dr Douglas R. Woodall (examples)
Other Tools and Uses:
- ASciencePad is a WYSIWYG editor that integrates TiddlyWiki, ASCIIMathML and ASCIIsvg graphs. It's free and works locally (no installation or server required).
- PHP port of ASCIIMathML.js to ASCIIMathPHP by Steven Chan.
- ASCIIMathML also works with S5 (CSS Presentation slide show; S5 ASCIIMath example) and in valid XHTML pages with standard MathML and SVG in several browsers.
- ASCIIMathML is being used with Movable Type, WordPress, phpBB, and many wikis.
Give Your Equations Some Style (Firefox only):
The default color is red. You can change the color and other attributes using CSS. Here are some styles that make equations green and bigger. Just paste it into the top of the pages that you use ASCIIMathML in.
<style>
mstyle {
font-size:1.2em;
color: #006634;
}
</style>
To Use ASCIIMathML Outside of ANGEL:
- Download the ASCIIMathML.js file and place it on the server where your website is located.
- Call the script in your pages:
--Use the script above as a template, but manipulate the file path to reflect the file's location on your server
