Thursday, October 9, 2008

Rendering LaTeX in Blogger.

Rendering LaTeX in Blogger is pretty easy thanks to the JavaScript LaTeX equation render engine from http://www.yourequations.com.
To enable LaTeX rendering go to the Blogger Dashboard --> Layout --> Edit HTML . Then add the line
<script> type="text/javascript" src="http://tex.yourequations.com/"></script>
<script type="text/javascript" src="http://tex.yourequations.com/"></script>
just before <body/>
. Half the job is now done.
Then, for example to render:
\int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi
Use the code:
<pre lang="eq.latex">
\int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx
=\frac{22}{7}-\pi
</pre>

The LaTeX code will now be displayed as:
\int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx=\frac{22}{7}-\pi

Ofcourse Javascript needs to be enabled in the Browser for the renderer to work.

9 comments:

sarthak said...

wow...thanks!

dhawk said...

Perfect! Other solutions made conversions to MathML, which is just ugly. Thanks for the great info.

HieuDC said...

Thank you so much for your tip. However, your code has a typo (I could not post the whole code as it is not allow to have tag inside comment), therefore the equation could not come out as expected.

The code in http://www.yourequations.com/ is correct. Could you correct it for the other?

botcyb.org said...

Thank you HieuDC for pointing out the typo. I apologize for the mistake, I have corrected it now.

ardyan said...

Thanks, dude! Do you know of any other websites that do this kind of stuff, you know, in case yourequations.com shuts down?

watchmath said...

Hi, I have another solution to write latex on Blogger. It is based on mathtex.
It can write latex symbol by just putting latex code inside two dollar signs.
Check out my article here: http://watchmath.com/vlog/?p=438

Dreas said...

I have recently developed a jQuery plugin that allows you to easily add LaTeX to your website easily, given an equation.

It’s called jsLaTeX and you can download it from here: http://knowledge-aholic.blogspot.com/2009/12/jslatex-jquery-plugin-to-directly-embed.html

The plugin also allows you to change the default engine it uses to render the equation.

Swagat said...

Thank you for the tip. This worked for me.

blog said...

It's not getting rendered (at least not in chrome 6.0.472.62 and firefox 4.0. Is the script still there at http://tex.yourequations.com?