Wordpress and MathML « Serving MathML

Wordpress and MathML

This is a “showcase blog” demonstrating that Wordpress and MathML can exist in harmony together. So far, all I’ve done is:

Download and install wordpress
Install the wordpress plugins ‘MarkdownItex’ and ‘XHTMLValidator’
Activate these two plugins (taking care to not activate ‘Markdown Extra’ itself)
Written this post.

And now, I can write mathematics! So let’s start with what is officially the most beautiful formula.

- e^{- i π} = 1

Of course, as expected, nothing works quite so simply. The first time that itex runs, assuming that it is not running locally, it needs to create a cache in which it can store all the mathml excerpts. So having written our post, we navigate to the correct directory, allow itex to create it’s cache, and then all is well:

cd wp-content/plugins/MarkdownItex
chmod 777 .
<reload homepage>
chmod 755 .

What we should have done at first was also modify our “theme” to display the correct “document type”. At the moment, we think that we’re just serving XHTML whereas we actually want to serve XHTML+MathML. So we need to install a “MathMLised theme”, or adapt a favourite one to MathML. This isn’t difficult, we just need to do two things: modify the DOCTYPE and serve the document as “application/xhtml+xml”. In mytheme/header.php, we change the DOCTYPE line to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd" >

whilst in mytheme/functions.php we add the lines:

function reset_html_type($tf) {
  return "application/xhtml+xml";
}

add_filter('pre_option_html_type', 'reset_html_type');

somewhere not in the middle of another function (there are other ways to achieve the same end as this).

Note: As we’re now serving proper XHTML, any little errors which previously were overlooked by forgiving browers will now be dealt with very strictly. So there may be other errors in the theme which only come to light upon further testing.

Further Note: As this is the first live test of the various themes and plugins, they aren’t publicly available yet. Anyone who wishes to test them is welcome to do so, just contact me for how to get hold of them.

This entry was posted on Monday, April 19th, 2010 at 8:28 am and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

27 Responses to “Wordpress and MathML”

Eric says:

April 19, 2010 at 9:28 am

How about comments?
$\int_{ℳ} d α = \int_{\partial ℳ} α$
Eric says:

April 19, 2010 at 9:28 am

Awesomeness. You rock! $:)$
Eric says:

April 19, 2010 at 9:31 am

$\begin{matrix} F (x) & \overset{F (f)}{\to} & F (y) \\ α_{x} ↓ & ↓ α_{y} \\ G (x) & \overset{G (f)}{\to} & G (y) \end{matrix}$
eggel boggeldonk says:

April 19, 2010 at 9:35 am

breaking away:

$Itex2MML::Error$
$⊥ ⊤ □ ▪ ⋄ ◊ ⧫ ▵ ▴ ▾ ★$ $\frac{x + y}{xy}$ $[\begin{matrix} 0 & \dots & 1 \\ ⋮ & ⋱ & ⋮ \\ 2 & \dots & 3 \end{matrix}]$ Eyjafjallajökull from the most popular and trashiest newspaper in Germany. $Itex2MML::Error$ $x_{1,2} = \frac{- b \pm \sqrt{b^{2} - 4 ac}}{2 a}$
Tim van beek says:

April 19, 2010 at 9:37 am

Hm, I posted the last comment and created the tex stuff by copy&paste from the Tex Wikipedia article, I mean it should have worked unless I pasted it wrong $:-)$
Eric says:

April 19, 2010 at 9:38 am

Does the “Journal” theme work? That is my favorite.
Eric says:

April 19, 2010 at 9:39 am

Wikipedia does not use itex
admin says:

April 19, 2010 at 9:42 am

@Tim: it’s itex, not tex. I guess I ought to add the “View Source” ability to the theme. I’m not sure what the error was in the first one, but the second should have used ‘aligned’ instead of ‘alignat’. Let me try:
$\begin{aligned} L & = \lim_{∣ x ∣ \to ∞} \cos \frac{1}{x} \cdot \frac{- 1}{x^{2}} \frac{- 1}{x^{2}} & by me \\ = \lim_{∣ x ∣ \to ∞} \cos \frac{1}{x} \cdot \frac{- 1}{x^{2}} \cdot \frac{x^{2}}{- 1} & by him \\ = \cos \frac{1}{∞} = \cos 0 = 1 & Axiom 3 \end{aligned}$
Eric says:

April 19, 2010 at 9:43 am

If you could add a “Source” feature to this, you would super rock $:)$
admin says:

April 19, 2010 at 9:45 am

Stick it down as “feature request”! Is there a “preview comment” plugin for wordpress?
Eric says:

April 19, 2010 at 9:46 am

>Is there a “preview comment” plugin for wordpress?

Not as far as I know…
admin says:

April 19, 2010 at 9:50 am

Hmm, now why didn’t your comment get properly parsed?

Not as far as I know…

should be a blockquote.
Tim van beek says:

April 19, 2010 at 9:50 am

Andrew said:

it’s itex, not tex.

uuhhh – that’s a difference I completly ignored to this point, without problems $:-)$

admin says

Is there a “preview comment” plugin for wordpress?

I’d like to have that, too. Or an “edit after posting” one.
admin says:

April 19, 2010 at 9:50 am

Is there a “preview comment” plugin for wordpress?

Not as far as I know…
Tim van Beek says:

April 19, 2010 at 9:52 am

And one that allows me to correct the typo in my own name.
Eric says:

April 19, 2010 at 9:54 am

>>Is there a “preview comment” plugin for wordpress?

>Not as far as I know…

That’s what I said! (Nested quotes? $:)$ )

Oh oh! A preview button! $:)$
admin says:

April 19, 2010 at 9:54 am

Right, found a preview plugin. Let’s try it out with some maths as well: $x^{2} = π$ . Wow! It worked “out of the box” (well, with one modification but that was already in the readme and I don’t know that it wouldn’t have worked without that change).
Ian Durham says:

April 19, 2010 at 2:47 pm

This is really great! Now I just have to figure out how it works. Let’s try something like

$⟨ x ⟩ = \int_{- ∞}^{+ ∞} ∣ x ⟩ ⟨ x ∣ dx$

Sweet!
Ian Durham says:

April 19, 2010 at 2:48 pm

By the way, how did Eric get the nice, big integrals? Mine was puny.
Eric Forgy says:

April 19, 2010 at 3:31 pm

@Ian: Use double dollar signs
admin says:

April 19, 2010 at 3:50 pm

Eric asked about wikilinks. They ought to already be here. Let’s try with a link to the nlab itself: HomePage.
Eric Forgy says:

April 19, 2010 at 3:51 pm

$⟨ x ⟩ = \int_{- ∞}^{+ ∞} ∣ x ⟩ ⟨ x ∣ d x$
Eric Forgy says:

April 19, 2010 at 6:11 pm

Oh, by the way. I think non-ascii wikilinks do not work.
John Baez says:

April 19, 2010 at 8:15 pm

Let me try it out:
$\int_{- ∞}^{+ ∞} e^{- x^{2} / 2} dx = \sqrt{2 π}$ so with a change of variables, $\int_{- ∞}^{+ ∞} e^{- x^{2}} dx = \sqrt{π}$ .
Hmm, some stuff came out in boldface… it’s because there was no space between the d and the x. If I put a space in, I get
$\int_{- ∞}^{+ ∞} e^{- x^{2} / 2} d x = \sqrt{2 π}$ and then the subsequent text is not boldface.
Wait, it is! The $d x$ looks fine but the following text is boldface. Huh.

I seem to have a knack for bumping into bugs! But anyway, this is great, Andrew. Congratulations! The world will thank you.
admin says:

April 19, 2010 at 10:26 pm

Firebug is fantastic. Using it, I was able to track down exactly why that’s in bold. It’s CSS, John, but not as we know it. I’ll fix it by-and-by.
Ian Durham says:

April 25, 2010 at 8:44 pm

Will this work if we use Wordpress.com as host? I’d really like it for my blog since I’ve received a few complaints about the way LaTeX is implemented on WP at the moment (makes it hard to real, I guess). If so, how do I get a copy of it? Thanks!
Florent says:

May 25, 2012 at 4:44 pm

I have just installed another plug-in (wp-math-2) and it runs quite fine except for the same an issue already displayed above: the expression below a root is actually written below … well below as the root is written as a superscript before the expression, followed by a black rectangle and the expression below the rectangle. For example : $x = \frac{- b \pm \sqrt{b^{2} - 4 . a . c}}{2 . a}$ Is there a way to fix this or overcome it? Is it due to a wrong LaTex syntax ?