The module was written by Dave Barton and licensed under the same license as jQuery, that is the MIT license.It will show great mathematical expression structure on browser that supports
MathML(Mathematical Markup Language) and provide fallback using CSS if the browser doesn't support it.
Browsers which currently support
- All Gecko based (Firefox, Firefox for Android, Camino, Galeon, etc)
- Amaya (W3C browser)
- Latest Safari + iOS Safari
- Latest Blackberry browser
Therefore, I tinkered this demo (iframe) page on Firefox.When I tested it on Chrome, because it doesn't have MathML module, jqMath automatically used the CSS and native HTML elements fallback. SLEEK!
jqMath doesn't provide images fallback for substituting the characters. That's why it's much faster and way smaller in size than MathJax. All the rendering work is done by the MathML module within the browser (which has it).
It will only be displayed "as it should be" on browsers that support MathML, otherwise, it uses the CSS fallback. The rendering isn't quite similar with browser using MathML: the positioning, and especially the fonts.
Nevertheless, it still shows a neatly organized characters without any images.
This is useful for scientific related posts. The equations, the tricks and all.
Or, you can use the files hosted on MathScribe:
The Markup Order
You can place these in the
headsection of your page.
If you're using Blogger, for just a single post, you can include these just on top of your post, before any content.
Or even further, you can include these in the
b:if, so that only particular post(s) which has(have) mathematical thingy in it will retrieve the jqMath libraries.
Things and library/framework in this demo:
- jQuery, because jqMath is written with jQuery.
- Pure (CSS framework from Yahoo, built on top of normalize.css).
- My own styling for the UI. For your information, I didn't override any of the built-in CSS fallback.
- Added couple UI functions and rearranged the original jqMath "Try it out" script.
Demo Snapshot on Firefox
Demo Snapshot on Chrome
You can try on the coding syntax at the bottom of this iframe
The code for that is:
That's about it. A splendid jQuery plugin, the jqMath by Dave Barton.