LaTeX en la web, cortesía de Google

11th de Noviembre, 2009 Escrito por csr Sin comentarios

Resulta ser que, para mi sorpresa, me entero hoy vía Ryan Moulton de que la API de ‘charts’ de Google es capaz de ‘dibujar’ LaTeX con facilidad. De ahí a pensar en hacer que la magia de jQuery (o similares) coja automáticamente todos los ‘span’ con clase ‘math’, como <span class="math">i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},\,t) = \hat H \Psi(\mathbf{r},t)</span> y los convierta del algo del estilo de

$i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},\,t) = \hat H \Psi(\mathbf{r},t)$

no hay un gran trecho. Y tras una donación anónima de código, aquí tenéis el script que lo consigue (previa carga de jQuery, desde luego):

$(document).ready(function() {
 $(".math").each(function() {
  $(this).replaceWith("<img
  src=\"http://chart.apis.google.com/chart?cht=tx&chf=bg,s,FFFFFF&chco=000000&chl="
   + $(this).html()
   + "\" alt=\""
   + $(this).html()
   + "\"/>");
 });
});

La cosa es un parche rápido, o sea que no le pidáis maravillas (ni ningún tipo de soporte). Además, no sé hasta donde llega la sofisticación de la API, y ahora no tengo ganas de ponerme a rascar. Tal y como está, el código genera ‘texto’ negro sobre fondo blanco, pero lo podéis cambiar tocando el FFFFFF y el 000000, respectivamente.

De nada…