WordPress and jsMath

On 20 April 2009, in Uncategorized, by stacy

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
Tagged with:  

11 Responses to WordPress and jsMath

  1. stacy says:

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

  2. [...] 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

  5. Kito says:

    x^2
    x\in X

  6. Kito says:

    x\in \mathcal{S}

  7. stacy says:

    Kito:
    You need the delimiters. In this case, dollar signs.
    $x^2$
    $x\in X$

  8. stacy says:

    For display equations, you need \[ ... \] delimiters. \[x^2\] \[x\in X\]

  9. I follow your website for quite a extended time and really tell that your articles always prove to be of a high value and quality for readers.

  10. Jann Kmiec says:

    Hi, I was looking for information on Mimaki spares. Your article popped up on Ask. I found what I wanted here: DX4 printheads

  11. [...] in WordPress works. ( I am trying to implement the instructions given by StacyProwell.com ( link [...]

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">