WordPress and jsMath

Well… I’ve been using jsMath on my Wiki, and now I’m keen to use it on my blog.  There does not seem to be a WordPress plugin explicitly for jsMath (if anyone knows of one, please let me know), but you don’t need one. Using jsMath from WordPress is actually easy via a different plugin.

The plugin is WP Hooks. This is a plugin that lets you add content to the page head, and that’s just what we want!

  1. Download and install jsMath on your local server.
  2. Download, install, and activate WP Hooks in WordPress.
  3. Configure this and add the following to the header (change the path to point to your local installation of jsMath):
    <SCRIPT SRC="jsMath/easy/load.js"></SCRIPT>
  4. Start writing math on pages.

This seems to work fine. Here’s an example. \[\int \sin x\ dx= -\cos\ x + C\]

This was created as a display equation via writing \[\int \sin x\ dx= -\cos\ x + C\] in the page.

Update: As pointed out in the comments, you need to install the fonts on the client (browser) side for things to look really nice and for math rendering to be fast; otherwise you get a warning and bitmap fonts.  It’s really easy; the instructions are here.

Update: As others have discovered, you will need to clear your browser cache to be know whether this is working or not.  You should also clear your jsMath cache, as it caches the images it creates, and can cache blank or bad ones while you are trying to get it to work.  Instructions at the jsMath page.

16 Replies to “WordPress and jsMath”

  1. I can’t seem to get it to work. Check the source off my pages, and you will see that the script call is there. I currently have it via the “In the Loop” plugin because I am fooling around with themes. But, it doesn’t work when I explicitly put it in the header either.

    jsMath definitely works on my server: http://arielbalter.com/mathtest.html

    An html copy of this page is in the blog, and none of it renders.

    I’d love any advice or suggestions. Thanks, Ariel

  2. Pingback: traiteur rabat
  3. Pingback: traiteur rabat

Leave a Reply

Your email address will not be published. Required fields are marked *