Ir al contenido principal

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

ZTE ZXHN H168N   Este modem-router llegó a mis manos recientemente y parece ser de un proveedor de servicios de internet de Tailanda llamado 3BB. Los están importando directo de China a unos 10-15 dólares americanos por unidad y vendiéndolos en 30-40 dólares en Venezuela.  Aunque los vendedores los preconfiguran para el servicio ABA de Cantv (ADSL), seguramente en algún momento algún comprador necesitará hacerle un reset y reconfigurarlo. Este es el propósito de esta breve guía. Configuración básica para ABA de CANTV en ZTE ZXHN H168N Hacer una restauración de fábrica . Con el modem-router encendido, mantén presionado durante 20 segundos el botón marcado como RESET en la parte trasera del aparato. Necesitarás la punta de un lápiz o cualquier objeto similar. El modem se reiniciará.  Acceder a la red. Aproximadamente 2 minutos después del reset (cuando la luz WLAN esté encendida) puedes intentar acceder a la red inalámbrica. Por defecto el nombre de la red (SSID) es: 3bb-...

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

Hace un año compré dos routers inalámbricos TP-Link TL-WR940N v6.1 en Venezuela. En concreto la variante ES, con la configuración en español. Antes de usarlos los actualicé a la última versión del firmware oficial ( 3.20.1 Build 200316 ) y comencé a probarlos. Después de varios problemas de inestabilidad con la conexión inalámbrica me propuse instalarle un firmware alternativo. Debido a que OpenWRT cesó el soporte a equipos con 4MB de ROM y 32MB de RAM la decisión estaba entre usar una versión antigua de OpenWRT, o probar suerte con DD-WRT. Con este último ya tenía experiencia por haber tenido dos Linksys WRT54G y un WRT320N. Como es común con DD-WRT la wiki del proyecto está desactualizada, y en el foro es difícil encontrar un procedimiento reciente. Por lo que me lancé a la aventura y pude instalar DD-WRT v3.0-r43136 std en menos de 5 minutos.  Recientemente pude tener acceso a dos unidades TP-Link TL-WR940N v6.6, estos en versión US con la configuración en inglés, y el procedim...

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

Cuando un niño negro de tierna edad muere -generalmente un recién nacido-, los negros de la región de Barlovento se reúnen junto al diminuto cadáver que se encuentra adornado y rodeado de flores y velas encendidas. Es en tal ocasión que se canta la canción del mampulorio . El párrafo anterior es un extracto traducido de la descripción del álbum Venezuelan Folk Music de la colección Folk Music of the Americas de la Biblioteca del Congreso de los Estados Unidos, compilada por  Juan Liscano y Charles Seeger entre las décadas de 1930 y 1940. Continúa así: Los campesinos creen que un niño muerto se convierte en un ángel y, por lo tanto, ésta vigilia se llama " vigila o velorio al angelito ". Estas vigilias no sólo son celebradas por los negros, sino también por la gente de la región andina, que tradicionalmente vela a los recién nacidos fallecidos. Entre los negros de Barlovento (en los distritos de Acevedo, Brión y Páez en el Estado de Miranda) y entre prácticamente to...