2009-04-28 26 views
43

Estoy trabajando en una página web relacionada con las matemáticas y estoy buscando una solución para escribir ecuaciones matemáticas fácilmente en una página web. Hay varias soluciones disponibles para mí en este momento:¿Cuál es la mejor manera de escribir ecuaciones matemáticas en la Web?

  • Use LaTeX y publíquelas en mi página web como imágenes.
  • Uso MathML

Ambas soluciones no son ideales y parece un poco anticuado. Reemplazar lo que debería ser texto con una imagen nunca es una buena idea y MathML no cumple con todos los navegadores/sistemas operativos.

Espero que haya una solución moderna para usar imágenes o MathML, tal vez algo que utilice sIFR para mostrar ecuaciones matemáticas? Después de un poco de investigación todavía estoy por encontrar una solución real.

Tenga en cuenta que estoy pidiendo una nueva forma de publicar ecuaciones. No quiero que las imágenes sean el resultado que se muestra en la página web y preferiría tener estas ecuaciones como datos de textual. MathML es lo más cerca que he llegado, pero aún no es ideal. Me he preguntado por un tiempo si se podría utilizar una herramienta de reemplazo como sIFR para crear ecuaciones en Flash. Alguien tiene alguna sugerencia en este frente?

EDIT: Se ha pasado un tiempo desde la última vez actualizado este post, pero con HTML5 quedar adoptado por los navegadores que hay un nuevo jugador en el juego que introduce LaTeX y MathML nuevo en la mezcla, MathJax!. ¡MathJax es definitivamente el camino a seguir!

pregunta similar:Math equations on the web

+2

En una nota relacionada, ¿alguien sabe si estas opciones están presentes en desbordamiento de pila? – Unknown

+0

A partir del año pasado, SE ahora usa MathJax. http://www.mathjax.org/2011/04/12/news/stack-exchange-becomes-mathjax-partner/ –

+0

Sí, y math.se ha utilizado varias bibliotecas de renderizado matemático desde hace bastante tiempo, para ... razones ... – Tortoise

Respuesta

17

El paquete jsMath es una opción que usa el marcado LaTeX y las fuentes nativas. Citando de su página web http://www.math.union.edu/~dpvc/jsMath/:

El paquete jsMath proporciona un método de incluyendo las matemáticas en páginas HTML que funciona en múltiples navegadores bajo Windows, Macintosh OS X, Linux y otros sabores de Unix. Se supera varias de las deficiencias del método tradicional de usar imágenes para representar las matemáticas: jsMath utiliza fuentes nativas, por lo que cambio de tamaño cuando se cambia el tamaño del texto en su navegador, que imprimen en el pleno resolución de su impresora, y no tiene que esperar docenas de imágenes para descargar a fin de ver las matemáticas en una página web. También hay ventajas para la web-página autores, ya que no hay necesidad de preprocesar sus páginas web para generar alguna de las imágenes, y las matemáticas son ingresado en forma TeX, por lo que es fácil de crear y mantener su web páginas.

Ver por ejemplo this page o that one.

+0

Esto está muy cerca de lo que estoy buscando, y me alegra ver que hay al menos alguna investigación sobre estos temas. –

1

He estado usando el plugin de LaTeX para la Confluencia wiki para escribir ecuaciones en la web (así, en la intranet). Muestra una imagen en el navegador web, pero aún puede ver la fuente LaTeX si edita la página.

No sé lo que está utilizando para alojar el sitio web, pero quizás podría utilizar un enfoque similar: incrustar la fuente LaTeX en la página, y presentarla como una imagen para el navegador web.

3

LaTeX es utilizar ampliamente ya en la red y en el mundo académico para hacer ecuaciones.

Un buen ejemplo de esto es wikipedia echa un vistazo a esta página para ver 1 ejemplo.

http://en.wikipedia.org/wiki/Latitude

Sé que este es un generlisation pero Usando imágenes es un camino viable para lograr muchas cosas en la web de una manera compatible con el navegador - siempre y cuando el suministro de algunas de las deficiencias. (p.ej.Google Maps, esquinas redondeadas, gráficos, tipografía avanzada)

También 'fecha' podría interpretarse como 'ensayado, probado y cuentan con completa'

y gracias por punto a cabo sIFR - algo que voy a mirar más tarde, ya tengo una lista de cosas para explorar, como imprimir? (Las imágenes html + pueden hacer esto bastante bien, ¿puede sIFR? ....)

+0

Mi problema con ellos es que no son fáciles de rastrear como los datos de texto, el resultado se muestra completamente diferente al texto en una página web, y no son accesibles. En la academia hay plugins para que los navegadores reproduzcan las ecuaciones como si fueran texto, así que me he preguntado si es posible hacerlo con lo que ya tenemos (Flash, JavaScript, etc.). Si aún no se ha encontrado una solución, podría ser un problema interesante de resolver. sIFR es una buena herramienta de reemplazo y el texto siempre se ve bien, pero todavía no es un reemplazo genuino. –

+0

¿Cómo consultar una ecuación? Será mejor que incluya suficiente información de texto buscable/rastreable en la página. Y asegúrate de que tus ecuaciones sean presentables para los humanos. ¿Estos complementos académicos no están disponibles para usted? ¿Seguramente será mejor que los use como estándar? – Adrian

0

La solución es utilizar http://www.codecogs.com/components/equationeditor/equationeditor.php

La página web permitirá escribir la ecuación en formato LaTeX y el uso de su servidor de TeX, convertirá la ecuación de imágenes y usted será capaz de mostrar su ecuación matemática allí.

permítame mostrarle un ejemplo, supongamos que quiero imprimir una fórmula de integración i sólo tiene que escribir:

img style = "display: block; float: none; margin-left: auto; margin-right: auto" title = " \ int_ {a}^{b} (x + 2) dx " src = "http://latex.codecogs.com/gif.latex?\int_{a}^{b}(x+ 2) dx"

Consulte la tercera del código anterior, el látex ecuación de la matemáticas se inserta después del signo de interrogación en src =” http://latex.codecogs.com/gif.latex?[put su código tex aquí]”

9

que acabo de escribir un módulo javascript para ello, jqmath llamado. Ver http://mathscribe.com/author/jqmath.html

Es algo así como MathJax, pero más simple, más pequeño y más rápido.

+0

Esto se ve muy bien, y con suerte en las próximas semanas lo probaré y veré cómo funciona. –

+0

Hola de nuevo! ¿Tu jqmath funciona con ASCIIMath? Estoy tratando de lograr dos objetivos, que ya he logrado con MathJax. (Pero quiero una página web más rápida.) 1. Para poder escribir \ 'math here \'. 2. Para poder escribir matemática en un área de texto y ver el formulario de resultados en tiempo real. (Obtenga JavaScript para actualizar el contenido de un div que muestre el resultado.) ¿Esto es fácil de hacer con jqmath? La solución con MathJax es usar su implementación de ASCIIMathML.js para hacer el punto 1, y usar el ASCIIMathML.js original para hacer el punto 2. –

+0

@ 50ndr33 jqMath usa la notación ASCII de ASCII, no de ASCIIMath. Vea http://stackoverflow.com/questions/8517334/jqmath-apply-after-page-load para su punto 2. –

4

He estado usando tablas sin bordes con celdas combinadas en mi sitio web para mostrar las ecuaciones matemáticas. Funciona de manera excelente para la mayoría de las ecuaciones. Sin embargo, dado que el marcado suele ser un poco complejo, llevaría mucho tiempo en el caso de los sitios web de matemáticas básicas.

Aquí está el código:

<style type="text/css"> 
    table.math{font:17px georgia, times, serif;border-collapse:collapse;border:none;} 
    td.a{text-align:center;} 
    td.b{padding:0 2px;} 
    td.c{border-top:1px solid #505050;border-left:1px solid #505050;border-bottom:1px solid #505050;} 
    td.d{border-top:1px solid #505050;border-right:1px solid #505050;border-bottom:1px solid #505050;} 
    td.e{text-align:center;border-top:1px solid #505050;} 
</style> 
<table class="math"> 
    <tr> 
    <td class="a">1</td> 
    <td class="b" rowspan="2">&times;</td> 
    <td class="c" rowspan="2">&nbsp;</td> 
    <td class="a">8</td> 
    <td class="b" rowspan="2">+</td> 
    <td class="a">1</td> 
    <td class="d" rowspan="2">&nbsp;</td> 
    </tr> 
    <tr> 
    <td class="e">x + 2</td> 
    <td class="e">x + 2</td> 
    <td class="e">x &minus; 1</td> 
    </tr> 
</table> 

Aquí está la salida del código anterior:

enter image description here

0

Esto dependerá de su propósito principal y la audiencia.

MathML (MathML2) suena como algo prometedor, pero todavía tiene muchos problemas de compatibilidad entre navegadores y editores de ecuaciones MathML (o generador). Muchas ecuaciones complejas no se mantendrán ni se mostrarán en diferentes navegadores. Muchos editores de matemáticas, convertidores y generadores dicen que admiten MathML. Pero el resultado no es el mismo, aunque la salida puede parecer similar. Y no es fácil/no es posible definir muchas ecuaciones complejas en MathML 2. Si solo tiene algunas ecuaciones simples y si puede hacer que su audiencia use ciertos navegadores, entonces esta podría ser una opción. Si MathML3 es ampliamente compatible, entonces MathML podría ser el camino a seguir.

Si sus expresiones matemáticas no son interactivas y no tienen que generarse dinámicamente) y más bien estáticas en la página, las imágenes PNG o JPG pueden ser una buena opción. El tamaño de las imágenes no es tan grande en la mayoría de los casos y mostrar decenas de ecuaciones en una página es bastante rápido ya que la mayoría de nosotros tiene Internet de alta velocidad en estos días. No hay mucha diferencia entre las imágenes PNG frente a cualquier enfoque basado en secuencias de comandos ya que las ecuaciones basadas en scripts a menudo son unos pocos KB y se necesita tiempo para representar las imágenes desde la computadora local después de descargar todas las secuencias de comandos. también, hay muchas aplicaciones que admiten la reedición de las imágenes de ecuación basadas en PNG o JPG. MathMagic (www.mathmagic.com) admite PNG re-editable (PNG transparente también), GIF, JPG, BMP. MathType (www.dessci.com) admite GIF re-editable. MathMagic también lee imágenes MathType.

Si se requiere un formato de imagen vectorial para la pantalla y una salida de alta calidad, como la impresión, SVG podría ser el camino a seguir. Además, PDF puede ser una opción en algunos casos. Muchos editores de ecuaciones de Mac son compatibles con el formato PDF ya que es una especie de formato (casi nativo) de Mac OS X. Pero solo unos pocos admiten PDF en Windows. Parece que la última versión de MathType para Mac admite PDF. MathMagic admite PDF en Mac y Win. Parece que MathMagic también es compatible con SVG.

Si las ecuaciones son creadas por escritores limitados, hay muchas opciones para combinar para obtener los mejores resultados. Como usar el último editor de ecuaciones basado en MathML/XML de MS Word y luego convertir las páginas a la web. O usando algunos editores de ecuaciones WYSIWYG de terceros (como MathType o MathMagic) para escribir y editar rápidamente, y luego guardar las ecuaciones en formato de ecuación compatible con MathML, LaTeX o Wiki y usar con los motores de renderizado de ecuaciones en línea como codecogs.com o MathJax.

Si los contenidos también se deben utilizar para otros formatos, como eBook/ePub, debe haber otros factores a considerar incluyendo la calidad de las ecuaciones y la integración con la solución como InDesign.

por favor corrígeme si hay algo incorrecto.

Cuestiones relacionadas