2

Necesitaría agregar ecuaciones a un código de HTML5, por ejemplo:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <h1>El teorema de Pitágoras</h1>
  <p>El teorema de Pitágoras nos explica la relación de catetos e hipotenusa</p>

  <!--
  Aquí necesitaría colocar la clásica ecuación, a^2+b^2=c^2,
  ¿se puede con latex?
   -->
</body>
<html>
1

3 respuestas 3

7

Se pueden escribir ecuaciones matemáticas en HTML5 con MathML, pero el estandard no es muy popular, no permite escribir en Latex, y no es soportado por todos los navegadores.

Mucho más poderoso (permite escribir directamente en Latex) y popular (usado en https://math.stackexchange.com/) es MathJax . Pero no es puro HTML5, y el setup es algo más complicado.

4

HTML5 puede cargar imágenes vectoriales SVG, puedes usar un conversor LaTex a SVG.
Por ejemplo he encontrado este online: tlhiv.org/ltxpreview, el download tiene opción SVG.

0
2

Te sugiero dos opciones ahi va:

1) Usar latex2html el cual te permite pasar tu código latex a un html básico, pero teniendo esto creo que lo puedes adaptar a tus necesidades. Algo que quizá no te guste, es, las ecuaciones lo pasa como imagen, pero todo depende del proyecto de estes desarrollando. En cuanto a su uso lo ejecutas desde el terminal :

$latex2html codigo_latex.tex

Esto genera un directorio con el nombre codigo_latex y dentro esta todo lo que necesitas como el *.css, *.html ... incluyendo las imágenes que se insertaran dentro de tu código (las ecuaciones mencionadas). aca un ejemplo de salida. introducir la descripción de la imagen aquí

2) No se si estas familiarizado con el lenguaje de programación R, en este lenguaje tienes una herramienta que se llama Markdown (una verdadera maravilla, el cual te permite generar documentos PDF (el que más uso), doc, html, html5 .... entre otros.

introducir la descripción de la imagen aquí

y bueno en lo personal creo Vale la pena invertir tiempo en aprenderlo. Aca un buen ejemplo de lo que puedes hacer (ver ejemplo)

Como podrás ver, la salida no es una imagen, como en el caso anterior.

saludos!

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.