MathJax: Mostrando simbología matemática en navegadores web





MathJax le permite incluir símbolos y operaciones matemáticas en sus páginas web, ya sea usando LaTeX, MathML o notación AsciiMath. Las matemáticas serán procesadas usando JavaScript para producir expresiones en HTML, SVG o MathML que se pueden visualizar en cualquier navegador moderno.

Hay dos maneras de acceder a MathJax: la manera más fácil es usar la copia de MathJax disponible en un servicio de red distribuido como cdnjs.com, pero también puede descargar e instalar una copia de MathJax en su propio servidor.

Este artículo ofrece una guía para poner en funcionamiento MathJax y generar fácilmente notación matemática que pueda ser visualizada en cualquier página web. Aunque las instrucciones pueden resultar útiles para otras plataformas, estarán enfocadas en Blogger de Google. Es posible obtener instrucciones más detalladas en la documentación de MathJax.

Preparando la plantilla de Blogger

El primer paso consiste en insertar el script (MathJax) en la plantilla blogger. Esto se hace colocando el siguiente código dentro del bloque <head></head> de la plantilla.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS_CHTML"></script>
Si es necesario puede consultar el procedimiento para añadir código HTML a la plantilla. Dentro de la ventana de edición de la plantilla puede usar CTRL+F para buscar la etiqueta de cierre </head> .

La inserción de código debe quedar más o menos de esta forma (zona gris):
La zona gris es el código insertado, justo antes del cierre del bloque de cabecera (resaltado en amarillo)


Insertando simbología matemática

Tal como se dijo previamente es posible insertar simbología matemática usando LaTeX, MathML o AsciiMath. Acá nos enfocamos en la primera opción.

Si ya sabes escribir formulas matemáticas en LaTeX, no hace falta mucho más para comenzar, solamente debes copiar el código mientras estás editando la entrada o página.

Por ejemplo si copiamos el siguiente código en la entrada
$\frac{-b\pm \sqrt{{{b}^{2}}-4ac}}{2a}$  

Al publicar se generaría la siguiente salida: $\frac{-b\pm \sqrt{{{b}^{2}}-4ac}}{2a}$

Usando MathType para generar código TeX:

Si utiliza MathType en Microsoft Word puede usar el asistente para generar la ecuación y luego utilizar la opción Toogle TeX para generar una salida que puede ser copiada directamente.

La expresión ANTES de presionar Toogle TeX


La expresión DESPUÉS de presionar Toogle TeX

Usando asistentes en línea para generar código TeX

Existen varios asistentes que facilitan la labor de generar expresiones TeX válidas mientras observamos la salida generada. Una de las más completas es latex4technics pero existen otras opciones.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Configurar el modem-router ZTE ZXHN H168N (3BB) para ADSL de Cantv

El mampulorio como canto y danza de velorio de angelito, algunas notas bibliográficas

Instalar firmware DD-WRT en TP-Link TL-WR940N v6.x