preload
Apr 20

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.

  • Share/Bookmark

4 Responses to “WordPress and jsMath”

  1. stacy Says:

    Comments, too! \[x\in \mathcal{S}\]

  2. darkersideofcode blog » Hello world! Says:

    [...] I got WordPress up and running. Using the method described here I got jsMath enabled, as you can see here [ frac{partial^2 u}{partial t^2} = c^2nabla^2u [...]

  3. kerry Says:

    Thanks for the information! I had to install jsMath fonts to get it work though.

  4. Ariel Balter Says:

    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

Leave a Reply