una texto para pagina name metadatos keywords insertar etiquetas ejemplos description content como buscadores html latex

html - texto - meta tags ejemplos



¿Cuál es la mejor manera de insertar LaTeX en una página web? (9)

No estoy preguntando sobre la conversión de un documento LaTeX a html.

Lo que me gustaría poder hacer es utilizar los comandos matemáticos LaTeX en un documento html y hacer que aparezcan correctamente en un navegador. Esto podría hacerse desde el lado del servidor o del lado del cliente.


Definitivamente lo alentaría a mirar MathML si eso se ajusta a lo que está buscando, pero un poco de trabajo con JsTeX podría darle todo lo que necesita.


Históricamente, renderizar LaTeX y extraer una imagen ha sido la mejor opción para material matemático multiplataforma y entre navegadores. Cada vez más, MathML se está convirtiendo en una alternativa razonable. Aquí hay un convertidor en línea que emitirá MathML desde el marcado de Tex, que luego puede insertar en su página web. Sé que los navegadores basados ​​en Gecko como Firefox y Camino funcionan bien con MathML, al igual que Opera. IE no funciona de la caja, pero hay complementos disponibles (como este ).

Texvc es un gran hallazgo! El resultado HTML vainilla debería funcionar bien si está interesado principalmente en superíndices / subíndices / cursivas / símbolos comunes, pero para cosas más complejas, tenga en cuenta que los sitios más populares orientados a las matemáticas (por ejemplo, Wolfram ) generan imágenes, por lo que hay puede ser solo mucho lo que puede hacer si le interesa la compatibilidad entre navegadores :-(


Leo todas las respuestas aquí, y me sorprende que nadie haya mencionado la conversión de PDF a HTML. Si usa pdf2htmlEX creará páginas web perfectas a partir de un pdf . Solo tiene que compilar su latex a pdf (pdflatex).

Por defecto, genera un único archivo html, con los contenidos de su PDF hechos de CSS, javascript y html. Probé muchas herramientas para convertir látex a html y esta es, de lejos, la mejor y más fácil solución que encontré .


MediaWiki puede hacer lo que estás buscando. Utiliza Texvc ( http://en.wikipedia.org/wiki/Texvc ) que "valida (AMS) expresiones matemáticas LaTeX y las convierte a gráficos HTML, MathML o PNG". Suena como lo que estás buscando.

Vea el artículo de Wikipedia sobre cómo manejan las ecuaciones matemáticas aquí: http://en.wikipedia.org/wiki/Help:Formula . También tienen una referencia extensa en LaTeX y pros / contras de los diferentes tipos de renderizado (PNG / MathML / HTML).

MediaWiki utiliza un subconjunto de marcas TeX, incluidas algunas extensiones de LaTeX y AMS-LaTeX, para fórmulas matemáticas. Genera imágenes PNG o un simple marcado HTML, según las preferencias del usuario y la complejidad de la expresión. En el futuro, a medida que más navegadores sean más inteligentes, será capaz de generar HTML mejorado o incluso MathML en muchos casos. (Consulte blahtex para obtener información sobre el trabajo actual al agregar compatibilidad con MathML).

Más precisamente, MediaWiki filtra el marcado a través de Texvc, que a su vez pasa los comandos a TeX para la representación real. Por lo tanto, solo se admite una parte limitada del lenguaje TeX completo; mira abajo para más detalles. ...

Pros de HTML

  • Las fórmulas HTML en línea siempre se alinean correctamente con el resto del texto HTML.
  • El fondo de la fórmula, el tamaño de la fuente y el rostro coinciden con el resto de los contenidos HTML y la apariencia respeta las configuraciones de CSS y navegador.
  • Las páginas que usan HTML se cargarán más rápido.

Pros de TeX

  • TeX es semánticamente superior al HTML. En TeX, "x" significa "variable matemática x", mientras que en HTML "x" podría significar cualquier cosa. La información se ha perdido irrevocablemente. Esto tiene múltiples beneficios:
    1. TeX se puede transformar en HTML, pero no viceversa. Esto significa que en el lado del servidor siempre podemos transformar una fórmula, en función de su complejidad y ubicación dentro del texto, las preferencias del usuario, el tipo de navegador, etc. Por lo tanto, donde sea posible, se pueden conservar todos los beneficios del HTML, junto con el beneficios de TeX. Es cierto que la situación actual no es ideal, pero esa no es una buena razón para abandonar la información / contenido. Es más una razón para ayudar a mejorar la situación.
    2. TeX se puede convertir a MathML para los navegadores que lo admiten, manteniendo así su semántica y permitiendo que se represente como un vector.
  • TeX ha sido diseñado específicamente para fórmulas tipográficas, por lo que la entrada es más fácil y natural, y la salida es más estética.
  • Al escribir en TeX, los editores no necesitan preocuparse por el soporte del navegador, ya que el servidor lo representa en una imagen. Las fórmulas HTML, por otro lado, pueden terminar siendo inconsistentes con las intenciones del editor (o no funcionar), por algunos navegadores o versiones anteriores de un navegador.

Podrías probar LaTexRenderer . No sé si es lo mejor, pero funciona.


Prefiero las soluciones MathJax que eligen renderizar imágenes (lo que causa problemas de aliasing).

MathJax es un motor de renderizado de código abierto para matemáticas. Utiliza CSS y Webfonts en lugar de imágenes o flash y puede representar LaTeX o MathML. De esta forma, no tiene problemas con el zoom e incluso es compatible con el lector de pantalla.


Puedes usar tex2gif . Toma un fragmento de LaTeX, ejecuta LaTeX y produce un PNG (o GIF). Fácil de integrar, fácil de secuencia de comandos. Esto funciona para mi.

También puedes verificar tex2png .


Si desea insertar las matemáticas como imágenes, puede echar un vistazo a MathTran .

Si prefiere que los cálculos se inserten en la página principalmente como texto (usando imágenes solo cuando sea necesario), jsMath puede ser lo que está buscando.


Una vez desarrollé un plugin jQuery que hace de hecho esto: jsLaTeX

Este es el ejemplo más simple de cómo se puede usar:

$(".latex").latex(); <div class="latex"> /int_{0}^{/pi}/frac{x^{4}/left(1-x/right)^{4}}{1+x^{2}}dx =/frac{22}{7}-/pi </div>

Lo anterior generará la siguiente ecuación de LaTeX en su página:

Ecuación http://img16.imageshack.us/img16/5462/gifwm.gif

La Página de demostración del complemento contiene más ejemplos de código y demostraciones.