This site is a showcase for using LatexRender for mathematics in WordPress

Using LaTeX in WordPress

Online LaTeX

Tuesday 24th April 2007

Filed under: — Steve @ 11:38 am

A more recent version of this post appears here.

Updated 15 July 2011

A PDF version of this post is available here

A. Images

Unfortunately not every host offers LaTeX but there are sites that can help generate the images that can be downloaded.

  1. LaTeX Equation Editor. This innovative editor has a symbol table for those who are not sure of the LaTeX code as well as allowing the code to be typed directly. It uses Ajax so that the page does not need to be refreshed to see the rendered image. The source code uses LatexRender. Update: see CodeCogs Equation Editor.
    Hamline University Physics Department Latex Equation Editor is based on the same code, with some innovative additions. Editor Online de Ecuaciones Latex is a Spanish version. Online LaTeX Equation Editor has modified the code to use mimeTeX.
    (thanks to umustbe and thornahawk for the links).
  2. Bruno Gonçalves – Latex Rendering also has a symbol table and direct typing. It uses mimeTeX for a very useful instant preview and LatexRender for the final high-quality image. Discussion is at Professional looking equations by rendering LaTeX online.
  3. MimeTeX parses a LaTeX maths expression and immediately emits the corresponding gif image such as this c=\sqrt{a^2+b^2}
  4. Troy Henderson’s LaTeX Previewer makes it clear what is in the preamble when rendering the image.
    MetaPost Previewer allows you to preview and download images made by MetaPost in a number of formats. You can see the log for any errors.
  5. MathTran is a new project by the Open University that intends to “provide translation of mathematical content, from TeX to MathML and vice-versa, and to graphics formats, as a web service”. At the moment only Plain TeX (both text and mathematics) can be converted to an image.
    MathTran instant preview is a web-based TeX system, complete with a built-in help. It compiles Plain TeX code in real time. The source is available at mathtran-javascript.
    Enso TeX Anywhere makes use of MathTran to convert TeX to images in some Windows programs.
  6. Roger’s Online Equation Editor offers a choice of image formats, background and text colours, resolution, transparency and anti-alias
  7. Sitmo LaTeX Equation Editor uses realtime rendering. It is a Google gadget so can be added to your website.
  8. Texify uses mimeTeX to generate the mage. It can also be used to generate links such as http://texify.com/$E=mc^2$ to the image in text based systems such as email.
  9. mathTeX is as simple to use as mimeTeX but uses LaTeX to generate a higher quality image like this c=\sqrt{a^2+b^2}. If you have LaTeX installed you may prefer to install mathTeX as a cgi program on your system. See also mathTeX Helper, Embedding math with replacemath.js and How to Install Latex On Blogger/Blogspot.
  10. HotEqn is a AWT-based Java applet to view and display mathematical equations. Subtitled The IMGless Equation Viewer Applet it cannot be used to create images.
  11. Tex2Im is a JavaScript equation editor written by Sergej Zerr which is a web interface to tex2im – the latex to pixmap converter on the server and creates a JPEG image.
  12. jsTeXrender is a small JavaScript program which will convert LaTeX code inside pre tags to images. This makes it easy to embed mathematics in any HTML page or in PHP programs such as phpBB or WordPress. It is based on CodeCogs and LatexRender. An example page can be found at Online JavaScript TeX/LaTeX equation render and documentation at YourEquations.com.
  13. mathurl is a mathematical version of TinyURL.com. It allows you to reference LaTeXed mathematical expressions using a short url. For example, http://mathurl.com/?5v4pjw will show \displaystyle \int_{-\infty }^{\infty }e^{-x^{2}}\;dx=\sqrt{\pi } which you can then edit. More details on mathurl’s help page
  14. LaTeX for Blogger is a JavaScript add-on for Firefox with Greasemonkey that enables the use of mimeTeX in Blogger posts.
  15. MathBin.net allows you to quickly post mathematics or physics problems in a forum for others to view and reply to and discuss. The posts are long-lived but not permanent.
  16. LaTeX word count provides a word count for complete LaTeX documents or for code fragments, with a number of options for parts of the document and whether or not to include mathematics.
  17. Equations 1.2.1 is an add-on for the email program Thunderbird, which converts LaTeX mathematics into graphics via a Convert button.
  18. Quick LaTeX is a Google gadget that can be added to the iGoogle homepage. It uses mimeTeX to produce the image but it would be quite simple to change the code to use mathTeX or CodeCogs.
  19. Latex2png converts LaTeX code into various image formats PNG, GIF, EPS, or JPEG. It includes a menu for inserting code.
  20. QuickLaTeX.com is a free service which converts LaTeX code to a URL of an image  along with meaningful error messages. More detail, support plus a WordPress plugin can be found at the author’s blog.
  21. jsMath is entitled A Method of Including  Mathematics in Web Pages and uses native fonts, which can be resized, rather than using images. It works best  (but not exclusively) with TeX fonts.
    WordPress and jsMath has instructions for using  jsMath in WordPress blogs.
    Math support in Sphinx can use both image rendering and jsMath for its document generator.
    (thanks to Andreas Maier for the links).
  22. LaTeX Composer is an experimental add-on for Firefox. It allows you to see a preview image of LaTeX code before copying the code to a LaTeX-enabled site (the image cannot be copied). Strictly speaking, it isn’t an online application as it installs mimeTeX to the Firefox directory but does offer a simple way of using mimeTeX offline. The program is run inside Firefox and is started using a small icon in the status bar.
  23. MathJax is an open source, Ajax-based math display solution which can display MathML or TeX code or a     mix of both in the same page. It allows for MathML to be viewed in browsers such as Internet Explorer which don’t have native support and normally require a plug-in. It works with both HTML and XHTML pages. Previews can be found here.
  24. Google Chart Tools will also display LaTeX code. For example, \displaystyle\int_{-\infty}^{\infty}e^{-x^{2}}\;dx=\sqrt{\pi} is given by the URL http://chart.apis.google.com/chart?cht=tx&chl=\displaystyle\int_{-\infty}^{\infty}e^{-x^{2}}\;dx=\sqrt{\pi}
    Various image properties can also be set.
  25. Latex in Word provides macros for use in Microsoft Word which renders LaTeX code into images inserted into a document. The images can be rendered on the author’s remote server or on a local server.

B. Complete Documents

Complete LaTeX documents can also be compiled online. Here are a few sites I have come across:

  1. LaTeX-Online-Compiler will compile LaTeX documents to postscript, PDF or DVI formats and will generate references. There’s a German language version of the page.
  2. ScienceSoft.at can compile a document to various image formats as well as PDF. The resolution can be adjusted and there are a number of templates. There’s a Flash applet version. Again there’s a German language version.
  3. LaTeX to PDF uses MiKTeX to convert LaTeX documents to PDF and allows uploading of classes, style files and images.
  4. TeX on Web converts LaTeX and plain TeX documents to Postscript and PDF. It has Czech language support. The instructions are in Czech but the site is still easy to use by non-Czech speakers.
  5. MonkeyTeX allows you to upload, store and convert LaTeX documents to PDF in your own account. This makes it possible to collaborate on documents and you can opt to make your PDF documents public and searchable. You can also upload style, bibtex and other files which you can use when compiling LaTeX documents.
  6. LaTeX Lab is an online version giving a full text editor and compiler complete with menus and toolbars.

    “On the Live environment an installation of MikTeX provides the LaTeX processes and packages. A simple C# class library provides an API for interfacing with the MikTeX tools (for tasks such as TeX-to-PDF conversion) as well as the LaTexLab application database which stores users and corresponding file systems. The C# class library is in turn exposed to the Web as an ASP.NET web service which is consumed via AJAX from the LaTexLab application.”

The project is very much under development and the project site is at Google Code.

  1. ScribTeX is a free online collaborative LaTeX editor.

    “ScribTeX allows you to work on LaTeX documents from anywhere with internet access and share them with your friends and colleagues easily. Some of the many features of ScribTeX include:

    • Create and edit LaTeX documents and automatically render them to PDFs;
    • Full revision control of all your documents;
    • The choice to keep your documents private, allow people of your choosing to view or edit them, or publish them to world. A fine grained permissions system allows for flexible access control.”
  2. Verbosus is an online LaTeX editor which can

    Create and manage your latex projects and generate .pdf files online, directly in your browser, with syntax highlighting.

Registration is required and the service is free for ‘small projects’ using a maximum of 4 resources, though I am uncertain as to the definition of resources.

VerbTeX allows you to use Verbosus from an Android device.

  1. Tex Touch is an app for the iPad. It will edit tex documents and then compile them online using the TeX Cloud online compiling service.

C. Other sites

  1. LaTeX word count uses a Perl script to count text words in a LaTeX document and has some options to control the count. I’m not sure how useful a word count is for a typical LaTeX document, but this is an easy way to do so.
  2. WordPress.com offers free hosted blogs with LaTeX facilities similar to LatexRender. See Can I put Math or Equations in my Posts? for details.
  3. LaTeX Symbols Converter will convert accented characters and HTML and XML characters into LaTeX code. For example,
    Schrödinger & his cat
    Schr\ödinger \&\#38; his cat

    will both be converted to Schr\"{o}dinger \& his cat.
  4. Detexify tries to work out the LaTeX code for any symbol that is mouse-drawn in a box. Thus drawing \sum should give a list of symbols including \sum, \Sigma and \Upsigma. The mode or possible packages required are also listed. The drawing box is not available in Internet Explorer.

Please let me know about similar sites that are worth including here.

45 Comments »

RSS feed for comments on this post.

  1. The site “The Art of Problem Solving” has a page called “teXer”, which allows one to enter LaTeX code and immediately generate images for one’s website.
    Site: http://www.artofproblemsolving.com/LaTeX/AoPS_L_TeXer.php

    Comment by TG — Friday 18th May 2007 1:40 am #

  2. http://www.bgoncalves.com/online/latex/

    is a cross between mimitex and latexrender

    Comment by umustbe — Saturday 19th May 2007 3:34 pm #

  3. http://www.hamline.edu/~arundquist/equationeditor/

    is another.

    Comment by umustbe — Saturday 19th May 2007 4:21 pm #

  4. http://www.sitmo.com/latex/
    is another with realtime rendering

    Comment by thijs — Friday 15th June 2007 10:41 am #

  5. Very nice! I’ve added it to the list above.

    Comment by Steve — Friday 15th June 2007 11:07 am #

  6. Hi, this is another mimetex based online latex renderer: texify.com. I found it useful to generate quick formulaes for email messages and bbs.

    Comment by Yoko — Monday 30th July 2007 3:09 am #

  7. Thanks. I’ll add it to the list.

    Comment by Steve — Monday 30th July 2007 9:31 am #

  8. Check out TeX THE WORLD – http://thewe.net/tex

    It’s an add-on to firefox that automatically replaces all text within [; and ;] with an image of that TeX formula.

    For example, if you install it you will see this nicely: [;e^{\pi i} + 1 = 0;]

    Comment by Avital Oliver — Friday 17th August 2007 3:27 am #

  9. I found this one: http://www.rinconmatematico.com/latexrender/
    which is also based on the CodeCogs equation editor. The site is in Spanish, but I believe usage should be straightforward. :)

    Comment by thornahawk — Sunday 2nd September 2007 4:58 pm #

  10. I modified the LaTeX equation editor that you have given as your first link to use mimeTeX instead of LaTeXRender. :)

    The equation editor I have can be found here. There is a download link to the source in that page. I’m still actively modifying the equation editor to further extend its functionality, so don’t fret if it becomes intermittently unavailable. ;)

    Comment by thornahawk — Monday 3rd September 2007 10:07 am #

  11. THanks – I’ll add a link to your page.

    Comment by Steve — Monday 3rd September 2007 10:18 am #

  12. I’ve removed the sporadic “advertisements” from the public latex rendering service at http://www.forkosh.dreamhost.com/mathtex.cgi

    So a tag like
    <img src=”http://www.forkosh.dreamhost.com/mathtex.cgi?c=\sqrt{a^2+b^2″>
    will always render
    and never render

    Comment by John Forkosh — Wednesday 24th October 2007 11:33 pm #

  13. Great! I have removed the reference to adverts in the posting.

    Comment by Steve — Thursday 25th October 2007 9:31 am #

  14. Writing equations and formulae is a snap with LaTeX, but really hard on a website. No longer. This plugin combines the power of LaTeX and the simplicity of WordPress to give you the ultimate in math blogging platforms.

    Comment by estetik — Wednesday 2nd January 2008 10:39 am #

  15. estetik, you forgot the link :)

    Comment by Sergej — Monday 3rd March 2008 5:55 pm #

  16. As all this links do not allow automatization on the server side, they can not be integrated into forums ect. Are there some free (with source) available JAVA solutions for rendering formulas? I found one, however there is no source code and it is only possible to use it together with an applet (so can not use it for creating images). http://www.atp.ruhr-uni-bochum.de/VCLab/software/HotEqn/HotEqn.html

    BTW. I also created an javascript editor with the integrated applet from above http://out.l3s.uni-hannover.de:9080/Equation/ Comments are welcome, if you wish to use javascript interface on your page – just do it. :)

    Comment by sergejzr — Monday 3rd March 2008 6:05 pm #

  17. As all this links do not allow automatization on the server side, they can not be integrated into forums ect.”

    LatexRender can be, and is, used in forums.

    Thanks for the two links which I will add to the lists in this post.

    Comment by Steve — Monday 3rd March 2008 6:10 pm #

  18. Hi,

    Although the LaTeX to image converters are very useful, I would love to see a LaTeX to MathML seeing some recent browsers nowadays are capable of rendering it. I have been looking for a way to do it, but can’t seem to find one already done. Any ideas if it already exists?

    Cheers

    Comment by ArTourter — Wednesday 16th July 2008 12:21 am #

  19. mathML versus LaTeXRender discusses changing to mathML and also links to mathML and work ahead which uses itex2MML to convert LaTeX to MathML.

    Comment by Steve — Wednesday 16th July 2008 10:17 am #

  20. Thanks for the links Steve!

    Comment by ArTourter — Saturday 19th July 2008 2:20 pm #

  21. I just learned about itex2MML also. Would be great to have such a plugin for WordPress. Actually what would be even greater would be something that could spit out conditional HTML with the equivalent of mathML gobbledy gook image of equation

    Comment by baxissimo — Wednesday 30th July 2008 8:56 am #

  22. Dan, I should have known that pseudo-html tags would get stripped.

    That should have said


    <if mathML Supported> MathML gobbledy gook <else> image of equation </if>

    Hey, that live preview is pretty nice… didn’t notice that either. :-)

    Comment by baxissimo — Wednesday 30th July 2008 8:59 am #

  23. ScribTeX (http://www.scribtex.com) is another site like MonkeyTeX which lets you create, edit and collaborate on LaTeX documents and render them to PDFs

    Comment by James — Tuesday 13th January 2009 3:44 pm #

  24. Thanks for that. I have added ScribTeX to the list.

    Comment by Steve — Tuesday 13th January 2009 4:02 pm #

  25. Hey, I just wanted to let you know that mathURL has been updated with interactive rendering and some improved input features.

    Comment by mathURL — Wednesday 29th July 2009 5:42 am #

  26. Another browser based latex editor can be found at http://www.verbosus.com which also allows to generate and preview pdf documents directly in the browser. Maybe an alternative to monkeytex?

    Comment by Jason — Thursday 8th October 2009 1:29 pm #

  27. Thank you for that. I will add verbosus to the list.

    Comment by Steve — Thursday 8th October 2009 1:40 pm #

  28. an update to the verbosus site: It is now possible to use a max. of 4 resources per type which allows bigger and more projects.

    Comment by verbosus — Thursday 22nd October 2009 9:57 pm #

  29. Thanks for letting me know. I have updated the post.

    Comment by Steve — Thursday 22nd October 2009 10:35 pm #

  30. Asciimathml can be invoked via the skin or theme of web 2 apps to provide display of math notation and svg. Examples at http://EdTech.alaskapolicy.net

    Comment by Marc — Wednesday 28th October 2009 6:30 pm #

  31. http://www.sitmo.com/latex/
    another one

    Comment by Sushi — Tuesday 3rd November 2009 5:36 pm #

  32. Thanks. In fact it’s already there but I haven’t made it clear that it belongs to Sitmo so I’ll add their name above.

    Comment by Steve — Tuesday 3rd November 2009 6:07 pm #

  33. I think an important one is missing:

    jsmath:
    http://www.math.union.edu/~dpvc/jsmath/welcome.html

    It seems to work for wordpress
    http://stacyprowell.com/blog/2009/04/20/wordpress-and-jsmath/
    and can be used insphinx:
    http://sphinx.pocoo.org/latest/ext/math.html

    Comment by Andreas Maier — Friday 13th November 2009 6:59 pm #

  34. Thanks for that. I have added the links.

    Comment by Steve — Friday 13th November 2009 9:23 pm #

  35. Asciimathml can be invoked via the skin or theme of web 2 apps to provide display of math notation and svg. Examples at

    Comment by huzurevi — Tuesday 5th January 2010 1:24 pm #

  36. an update to the verbosus site: Syntax highlighting is now available!

    Comment by verbosus — Tuesday 16th February 2010 8:15 am #

  37. an update to the verbosus site: HTTPS is now supported!

    Comment by verbosus — Tuesday 23rd February 2010 3:11 pm #

  38. The ‘Detextify’ site is really amazing. I just tried it and it works great. Really cool.

    Comment by verbosus — Thursday 25th February 2010 8:45 am #

  39. an update to the verbosus site: Code completion is now supported as well ;)

    Comment by verbosus — Wednesday 17th March 2010 6:16 am #

  40. From the same developer as jsmath, there is the newer MathJax

    http://www.mathjax.org/

    Comment by Michael — Friday 21st May 2010 12:14 pm #

  41. There exists a LaTeX Editor for Android devices called ‘VerbTeX’. It uses the LaTeX service available at http://www.verbosus.com to generate PDFs

    Comment by verbtex — Monday 31st January 2011 3:07 pm #

  42. I only want to thank you for this page.

    In my work I had to give a proposal to use a online latex editor in an institutional CMS, and the site was very helpful

    Comment by Diego — Friday 18th February 2011 9:56 pm #

  43. Hi, unfortunately a lots of links are dead :-(, a lots of clone :-(, so please before updating this post and pdf version check them.

    Comment by Sandor — Friday 23rd December 2011 9:51 am #

  44. Yes, I know I ought to do another post with everything updated – I need to find the time to do so. Thanks for reminding me.

    Comment by Steve — Friday 23rd December 2011 9:57 am #

  45. Finally got round to checking links and updating. I have put the results into a new post at Online LaTeX Update.

    Comment by Steve — Friday 23rd December 2011 5:36 pm #

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


 

This site is a showcase for using LatexRender for mathematics in WordPress