LaTeX en la web, cortesía de Google

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…

Reblog this post [with Zemanta]