miércoles, 11 de mayo de 2011

Inserte fórmulas LaTeX en sitios web

Anteriormente había publicado un script para convertir secuencias de código LaTeX en imágenes. Recientemente le he agregado otras mejoras, que incluyen más facilidad para agregar las fórmulas y un menor
tamaño del script.
Las nuevas funcionalidades son las siguientes:

  • Permite añadir fórmulas usando $$ fórmula $$
    Así: $$\frac{a+b}{2} \geq \sqrt{ab} \geq \frac 2{\frac 1 a + \frac 1 b}$$
  • Permite añadir fórmulas usando \[ fórmula \]
    Así: \[\frac{a+b}{2} \geq \sqrt{ab} \geq \frac 2{\frac 1 a + \frac 1 b}\]
  • Permite añadir fórmulas usando el atributo class='mlatex'.
    Así: \frac{a+b}{2} \geq \sqrt{ab} \geq \frac 2{\frac 1 a + \frac 1 b}
  • Permite bloquear la conversión matemática usando el atributo class='nomath'.
    Así: \[\frac{a+b}{2} \geq \sqrt{ab} \geq \frac 2{\frac 1 a + \frac 1 b}\]
  • No se realiza la transformación dentro de las etiqutas CODE o PRE.
Todas las fórmulas se agregan como ecuaciones "en línea".



Es aún más facil de usar que el anterior, simplemente
hay que insertar el siguiente código en su sitio web:

<script type="text/javascript" 
src="http://www.pi24soft.tk/core/genlatex.js"></script> 

Insertar en Blogger


Los usuarios de Blogger pueden insertar el script de una manera
muy sencilla e indolora. Simplemente tienen que presionar el siguiente
botón:



Ejemplos

Una vez insertado esto (en la barra lateral de Blogger o Wordpress, por
ejemplo) el script podrá hacer estos cambios:

Usando etiquetas

<div class='mlatex'>
\frac{a+b}{2} \geq \sqrt{ab} \geq \frac 2{\frac 1 a + \frac 1 b}
</div>
\frac{a+b}{2} \geq \sqrt{ab} \geq \frac 2{\frac 1 a + \frac 1 b}


En etiquetas HTML


Pueden agregar class='mlatex' tanto dentro de etiquetas
DIV, como
SPAN o
incluso A
(creando un vínculo con la fórmula).

Para impedir la conversión puede añadir el atributo class='nomath'
a cualquier etiqueta HTML. Tampoco se realiza la transformación dentro de las
etiquetas CODE o PRE.

Notas:


En algunas versiones de Opera solamente funciona el modo class='mlatex',

Este script usa los servicios de Google Charts para mostrar las fórmulas.

2 comentarios:

  1. Hola, muchas gracias por subir este code a la red!! gracias a ti he podido iniciar mi blog de matemática pura en el cual definitivamente es esencial...

    Sin embargo, con el tiempo me he dado cuenta que algunos caracteres están "restringidos" en el script, creo que esto se debe a que también debe tenerse en cuenta el filtro que el hace el propio lenguaje de la página, digamos HTML...

    Para poder imprimir el símbolo < (menor que) he tenido que "descubrir" su código, el cual es \lt, y \gt para > (mayor que). [No se encuentra nada en la red...]. Ahora, ¿sabes como imprimir "&"? lo necesito para unas matrices y no he podido dar con el code.

    De antemano, Gracias.

    Mi Blog
    http://pure-math.blogspot.com/

    ResponderEliminar
  2. Uff, no había visto dicho error. Intentaré corregirlo lo más rápido posible. Sin embargo, veo que ya estás usando una solución bastante superior: MathJax. De hecho en parte dejé de actualizar el script por mathjax :p : hace casi de todo lo que necesito.

    ResponderEliminar