1-----free and multi-platform HTML editors
2-----Rich text/html editors inside blogger, Gmail, Knol, wordpress.com, webmail...
3-----Web-based word processor
4---- Two commercial applications & free equation editors
5-----Browsers and MATHML viewers
6-----Free javascript library for math on web pages: JavaScript display engine for mathematics that works in all browsers.
7-----Some interesting links
8-----Inserting Characters (unicode, Math Font Styles)
How to post mathematics or web applications with mathematica and matlab, see :
http://ex-ample.blogspot.com/2011/06/web20-services-mathematica-and-matlab.html
How to post mathematics in wikipedia or in MediaWiki? , see:
http://ex-ample.blogspot.com/2011/07/mediawiki-api.html
How to post music with LateX?
http://ex-ample.blogspot.com/2011/07/how-to-post-music-with-latex-in-blogger.html
http://ex-ample.blogspot.com/2011/07/best-ex-ample-nist-digital-library-of.html
read this article (@1999, updated 2002) :
Approaches to WWW Mathematics Documents
http://hutchinson.belmont.ma.us/tth/webmath.html
------------------
preface:
ex-ample1 (mathML3): http://ex-ample.blogspot.com/2011/07/mathml3-sample.html
(this example comes from https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test.html
but this URL does not work with Chrome 14+STIX font+MathJax but works with firefox; MathML code without return must be included in HTML code of a post).
ex-ample2 (mathML2): http://www.w3.org/Math/testsuite/mml2-testsuite/TortureTests/Complexity/complex1.xml
ex-ample3: this blog (left sidebar and matML latex labels):
http://ex-ample.blogspot.com/2011/07/symbols-tex-1.html
Math ML(Mathematical Markup Language) is an XML language designed to present complex equations:
http://en.wikipedia.org/wiki/MathML
http://www.w3.org/Math/
http://www.personal.psu.edu/ejp10/blogs/tlt/tutorials/mathml.html
Wikipedia uses LaTeX (and limited MathML).
MS Office 2007 and OpenOffice.org (via OpenOffice.org Math: http://en.wikipedia.org/wiki/OpenOffice.org_Math), as well as mathematical software products such as Mathematica supports MathML.
Knol use LaTeX:
http://knol.google.com/k/stef42-ex-ample-blogger-com/mathematics-and-web-html5-latex-mathml/2fdyfc9mft4ir/1?hd=ns#
MathML 3.0 was officially released as a W3C Recommendation (@Oct 2010). It is backward compatible with MathML 2.
MathML deals not only with the presentation but also the meaning of formula components (the latter part of MathML is known as “Content MathML”). Because the meaning of the equation is preserved separate from the presentation, how the content is communicated can be left up to the user.
If you work in science you probably know LaTeX. LaTeX is gorgeous; enabling scientific authoring in an unrivaled way. Nevertheless, LaTeX is somewhat outdated. It doesn't support the clear separation between content and style that modern standards imply. Editing complex equations can become a tedious job. An alternative might be the combination of DocBook with MathML.
DocBook is an XML language (http://en.wikipedia.org/wiki/DocBook). It's a semantic markup language for technical documentation (http://www.docbook.org/tdg/). It was originally intended for writing technical documents related to computer hardware and software but it can be used for any other sort of documentation.
List of document markup languages:http://en.wikipedia.org/wiki/List_of_document_markup_languages
Comparison of document markup languages:http://en.wikipedia.org/wiki/Comparison_of_document_markup_languages
As a semantic language, a DocBook document does not describe what their contents "look like," but rather the meaning of those contents. For example, rather than explaining how the abstract for an article might be visually formatted, DocBook simply says that a particular section is an abstract. It is up to an external processing tool or application to decide where on a page the abstract should go and what it should look like. And, indeed, to decide whether or not it should be included in the final output at all. It provides a vast number of semantic element tags. They are divided into three broad categories: structural, block-level, and inline. Because DocBook is an XML format, conforming to a well-defined schema, documents can be validated and processed using any tool or programming language which includes XML support.Comparison of document markup languages:http://en.wikipedia.org/wiki/Comparison_of_document_markup_languages
The current version is DocBook, 5.0.DocBook 4.x documents are not compatible with DocBook 5, but they can be converted into DocBook 5 documents through the use of an XSLT stylesheet.
Source: http://sourceforge.net/projects/docbook/
A group of XSLT stylesheets for transforming DocBook into various viewable formats: http://en.wikipedia.org/wiki/DocBook_XSL
This post is focused on "how to publish mathematics" not on "document languages", beyond of the scope. And then we focused on these languages :
- "your screen image": browser rendering engine and javascript rendering engine (in this blog the javascript library MathJax),
- HTML, HTML5, CSS... (quality of the code source of the page)
- MathML (quality of the code source of the page),
- laTeX (quality of the code source of the page).
MathML is too verbose to edit using a text editor then we need a MathML editor.
Comparison of HTML editor (stand alone);
http://en.wikipedia.org/wiki/List_of_HTML_editors
List of math editors:
http://www.w3.org/Math/Software/mathml_software_cat_editors.html
Comparison of open source and commercial WYSIWYG web-based editors (by replacing a textarea or by adding their own editable block):
http://geniisoft.com/showcase.nsf/WebEditors).
Some packages and Mathematics environments (also some corrections of bad rendering):
1---------free and multi-platform text/HTML editors:
GNU TeXmacs (http://en.wikipedia.org/wiki/TeXmacs) is a WYSIWYG editor (http://www.texmacs.org/) with extensive support for mathematics. Converters exist for presentation MathML in both directions. TeXmacs can be used to write mathematical articles that are exported to XHTML with embedded MathML. TeXmacs uses TeX fonts. New presentation styles can be written by the user and new features can be added to the editor using the Scheme extension language.
Documents can be saved in TeXmacs, Xml or Scheme format and printed as Postscript or Pdf files. Converters exist for TeX/LaTeX and Html/Mathml. GNU TeXmacs is hosted by the Centre de Ressources Informatiques de Haute Savoie, Archamps, France.
http://www.texmacs.org/tmweb/download/download.en.html
TryQt -TeXmacs, experimental Qt port of TeXmacs with an easy to install diskimage (.dmg; 17MB):
ftp://ftp.texmacs.org/pub/TeXmacs/macosx/qt/TeXmacs.dmg
TeXShop (only MAC): http://www.texshop.org
Very good desktop application.
You can copy the Source Code: http://pages.uoregon.edu/koch/texshop/texshopsource_1.43.zip
There is even a free iPhone application by Ken Lee for TeX users:
http://itunes.apple.com/app/latex-help/id307772257?mt=8
The equation editor of Knol generates a line of LaTeX and uses the Google Chart API (http://code.google.com/apis/chart/image/docs/gallery/formulas.html) to render a mathematical formula in your knol post.
e = \lim_{n\to\infty} \left(1+\frac{1}{n}\right)^n
LaTeX
a Cheat Sheet: http://www.stdout.org/~winston/latex/latexsheet-a4.pdf
Compare the knol editor and codecogs (you will see how the knol editor is bad):
Codecogs: the best online LaTeX equation editor.
http://www.codecogs.com/
try the editor: http://www.codecogs.com/latex/eqneditor.php
CodeCogs is an Open-Source library, with technical references and numerical components written in C/C++. It's an interactive library, with examples, online calculator and interactive graphs, covering Mathematics, Statistics, Science, Engineering and Finance...
Document formats:
3--------Web-based word processor
List of math editors:
http://www.w3.org/Math/Software/mathml_software_cat_editors.html
Comparison of open source and commercial WYSIWYG web-based editors (by replacing a textarea or by adding their own editable block):
http://geniisoft.com/showcase.nsf/WebEditors).
Some packages and Mathematics environments (also some corrections of bad rendering):
If your document requires only a few simple mathematical formulas, LaTeX has most of the tools that you will need. If you are writing a scientific document that contains numerous complicated formulas, the amsmath package introduces several new commands that are more powerful and flexible than the ones provided by LaTeX. The mathtools package fixes some amsmath quirks and adds some useful settings, symbols, and environments to amsmath.
1---------free and multi-platform text/HTML editors:
GNU TeXmacs (http://en.wikipedia.org/wiki/TeXmacs) is a WYSIWYG editor (http://www.texmacs.org/) with extensive support for mathematics. Converters exist for presentation MathML in both directions. TeXmacs can be used to write mathematical articles that are exported to XHTML with embedded MathML. TeXmacs uses TeX fonts. New presentation styles can be written by the user and new features can be added to the editor using the Scheme extension language.
Documents can be saved in TeXmacs, Xml or Scheme format and printed as Postscript or Pdf files. Converters exist for TeX/LaTeX and Html/Mathml. GNU TeXmacs is hosted by the Centre de Ressources Informatiques de Haute Savoie, Archamps, France.
http://www.texmacs.org/tmweb/download/download.en.html
Try
ftp://ftp.texmacs.org/pub/TeXmacs/macosx/qt/TeXmacs.dmg
TeXShop (only MAC): http://www.texshop.org
Very good desktop application.
You can copy the Source Code: http://pages.uoregon.edu/koch/texshop/texshopsource_1.43.zip
There is even a free iPhone application by Ken Lee for TeX users:
http://itunes.apple.com/app/latex-help/id307772257?mt=8
Amaya : http://www.w3.org/Amaya/
W3C's Editor and Browser (also INRIA: http://web-dev.inrialpes.fr/29689422/0/fiche___pagelibre/&RH=1143806285375)
Amaya browser displays Presentation MathML, and lets a Web page author edit equations directly. The software gives multiple views of a document so that its internal structure can be displayed as well as a WSYSIWYG interface.
It is very easy to insert math formula and symbols and SVG.
support (@july 2011; mathML2)
download: http://www.w3.org/Amaya/User/BinDist.html
amaya-mac10.5-11.3.1.dmg = 21MB
Bluefish is a web design editor (and code C++... more than 20 programming languages) --but no viewer!
It supports many programming and markup languages also MathML.
It's focused towards the development of dynamic websites.
Server-side scripting:Yes.
Low-level user interface and bad interface with a local browser.
It fills the niche between the plain text editors and the full IDE:
http://bluefish.openoffice.nl/
http://bfwiki.tellefsen.net/index.php/Installing_Bluefish
Download .dmg file: http://www.bennewitz.com/bluefish/stable/binaries/macosx/
BlueGriffon is a free open source wysiwyg HTML/CSS/SVG editor. It is based on Gecko 2.0, the rendering engine inside Firefox4.
MathML plug-in , commercial add-on(5$): http://www.bluegriffon.com/index.php?pages/MathML
Just entering ASCII or LaTeX-style prose. No need to learn MathML, you only need to learn a much easier ASCII syntax (see ASCIIMathML web page: http://www1.chapman.edu/~jipsen/mathml/asciimath.html).
Server-side scripting:Yes.
http://www.bluegriffon.org/
Download .dmg file: bluegriffon1.1.1.dmg = 30MB.
Kompozer : direct link with firefox (but no mathML inside)
Server-side scripting:No.
http://www.kompozer.net/download.php
Jedit: http://www.jedit.org/
jEdit is a programmer's text editor with hundreds (counting the time developing plugins) of person-years of development behind it. Source: http://sourceforge.net/projects/jedit/
Some of jEdit's features (http://www.jedit.org/index.php?page=features) include:
2-------Rich text/html editors inside blogger, Gmail, Knol, wordpress.com, webmail...
W3C's Editor and Browser (also INRIA: http://web-dev.inrialpes.fr/29689422/0/fiche___pagelibre/&RH=1143806285375)
Amaya browser displays Presentation MathML, and lets a Web page author edit equations directly. The software gives multiple views of a document so that its internal structure can be displayed as well as a WSYSIWYG interface.
It is very easy to insert math formula and symbols and SVG.
support (@july 2011; mathML2)
download: http://www.w3.org/Amaya/User/BinDist.html
amaya-mac10.5-11.3.1.dmg = 21MB
Bluefish is a web design editor (and code C++... more than 20 programming languages) --but no viewer!
It supports many programming and markup languages also MathML.
It's focused towards the development of dynamic websites.
Server-side scripting:Yes.
Low-level user interface and bad interface with a local browser.
It fills the niche between the plain text editors and the full IDE:
http://bluefish.openoffice.nl/
http://bfwiki.tellefsen.net/index.php/Installing_Bluefish
Download .dmg file: http://www.bennewitz.com/bluefish/stable/binaries/macosx/
download Bluefish-2.0.3.dmg = 14MB
MathML plug-in , commercial add-on(5$): http://www.bluegriffon.com/index.php?pages/MathML
Just entering ASCII or LaTeX-style prose. No need to learn MathML, you only need to learn a much easier ASCII syntax (see ASCIIMathML web page: http://www1.chapman.edu/~jipsen/mathml/asciimath.html).
Server-side scripting:Yes.
http://www.bluegriffon.org/
Download .dmg file: bluegriffon1.1.1.dmg = 30MB.
Kompozer : direct link with firefox (but no mathML inside)
Server-side scripting:No.
http://www.kompozer.net/download.php
download kompozer-0.8b3.fr.mac-universal.dmg = 15MB.
Jedit: http://www.jedit.org/
jEdit is a programmer's text editor with hundreds (counting the time developing plugins) of person-years of development behind it. Source: http://sourceforge.net/projects/jedit/
Some of jEdit's features (http://www.jedit.org/index.php?page=features) include:
- Written in Java, so it runs on Mac OS X, OS/2, Unix, VMS and Windows.
- Built-in macro language; extensible plugin architecture. Dozens of macros and plugins available.
- Plugins can be downloaded and installed from within jEdit using the "plugin manager" feature.
- Auto indent, and syntax highlighting for more than 130 languages.
- Supports a large number of character encodings including UTF8 and Unicode.
- Folding for selectively hiding regions of text.
add plug-ins : http://plugins.jedit.org/plugins/?LaTeXTools
The LaTeXTools plugin includes a set of features to enable more efficient LaTeX editing. The features currently include a BibTeX citation insertion tool, a reference insertion tool, and a user configurable LaTeX document navigator.
2-------Rich text/html editors inside blogger, Gmail, Knol, wordpress.com, webmail...
- Rich text/html editors
- One of the most difficult problems facing bloggers is the mathematics, although the blogging experience is very interesting for most of us, writing the mathematical formulas is not a pleasant one (also in webmail).
- platform: blogger, blogspot.com:
with mathJax (see below for installing MathAjax; here just some links)
this blog: http://ex-ample.blogspot.com/2011/07/equation-copy-from-mathjax-latex-demo.html
http://themagicofscience.blogspot.com/2011/06/mathjax-gory-details.html
http://learningtex.blogspot.com/
It works also in post comment:
http://mathematics-diary.blogspot.com/2010/02/mathjax.html
Blogger: the rendering is solved with MathJax.
the editing is "copy HTML code".
-------------
You can use LaTeX in Blogger (see the image below). It works in Edit HTML mode and Compose mode of the (updated) editor. It's a javascript (you can install in your browser (as extension)).
http://wolverinex02.blogspot.com/search/label/LaTeX
http://lifeandmath.blogspot.com/2009/01/fellow-bloggercom-mathematicians.html
The only thing different from normal is that math must be enclosed in two dollars signs on each side instead of the one you're used to in your TeX compilers.
http://userscripts.org/scripts/show/41481
(http://userscripts.org/scripts/show/64270)
It works with this LaTeX engine: http://www.codecogs.com
----other javascripts and blogger:
http://code.google.com/p/astex-math-on-web/
http://astex-math-on-web.blogspot.com/
https://sites.google.com/site/astexmathonweb/math-on-blogger
add maths in googlesites (by google gadget):
https://sites.google.com/site/astexmathonweb/math-gadget
http://www.google.com/ig/directory?type=gadgets&url=astex-math-on-web.googlecode.com/svn/trunk/gadgets/mathgadget.xml
codecogs in blogger (see above for codecogs):
http://www.codecogs.com/latex/integration/blogger/install.php
- More info {blogger and math}:
http://groups.google.com/group/mathjax-users/browse_thread/thread/38cbafa88d8b66f6?pli=1
http://www.google.com/support/blogger/bin/answer.py?answer=42239
http://ex-ample.blogspot.com/2011/06/lenvoi-des-messages-sur-son-blog-autre.html
http://www.maherali.net/2011/05/blogger-mathematical-formulas.html
---------------- - wordpress.com supports Latex: http://en.support.wordpress.com/latex/
----------------- - In all webmails (i.e. Gmail), you have a rich text editor.
You can use GmailTeX and GmailChatTeX (to use MathJax with Gmail and Gmail Chat):
http://alexeev.org/gmailtex.html
http://alexeev.org/gchattex.html
This userscript works in the following browsers: - Firefox: after installing GreaseMonkey (aad-on: Customize the way a web page displays or behaves, by using small bits of JavaScript)
- Chrome (the analogue of Greasemonkey is built-in).
- GmailTeX is a plugin which adds (La)TeX capability to Gmail, so that you can easily send and receive LaTeX in email.
Install Gmail extension in browser: http://alexeev.org/gmailtex.html#version
For Google Chrome: install this extension (exactly an application inside Chrome): https://chrome.google.com/extensions/detail/gjnmclkoadjdljnfmbnnhaahilafoeji?hl=en.
No local math fonts are necessary, as they are included in the extension.
The recipient needs the extension.
With the text/HTML/equation editor of Knol
http://knol.google.com/k/stef42-ex-ample-blogger-com/mathematics-and-web-html5-latex-mathml/2fdyfc9mft4ir/1?hd=ns#
http://knol.google.com/k/stef42-ex-ample-blogger-com/mathematics-and-web-html5-latex-mathml/2fdyfc9mft4ir/1?hd=ns#
- you can insert an equation (directly in LaTeX or with the list of "button one-click services" (in fact each button is a line of LaTeX) :
- you can insert special characters. This interface (lists of ascii tables) allows a large choices but it will be better to use TeX (see a list of symbols with TeX:
http://ex-ample.blogspot.com/2011/07/symbols-tex-1.html
http://ex-ample.blogspot.com/2011/07/math-blackboard-capital-letters.html
The equation editor of Knol generates a line of LaTeX and uses the Google Chart API (http://code.google.com/apis/chart/image/docs/gallery/formulas.html) to render a mathematical formula in your knol post.
At the end it renders a formula in a static image file (png). You can use this API without the Knol editor but to do this, you must understand the TeX language in order to specify your formula.
Then you MUST put the LaTeX code with the static image, for example:
e = \lim_{n\to\infty} \left(1+\frac{1}{n}\right)^n
- Right click (mac: ctrl click) on this code.
- Copy to an editor
- or copy to your blog/sites (with Mathjax; see above).
In fact it's not only a png image. You can use this trick:
- right-click (mac: ctrl click)
- select "inspect element".
- between the imag tag and after src, you have this (an example of equation):
alt="e = \lim_{n\to\infty} \left(1+\frac{1}{n}\right)^n" eeimg="1" - You can copy the LaTeX code.
When you click an equation in knol, it uses this alt parameter to insert the equation in the equation editor.
Google documents integrate the knol equation editor (without the preview) and the knol insert character, but it's not interoperable!
Blogger and gmail don't integrate the knol equation editor...
LaTeX
a Cheat Sheet: http://www.stdout.org/~winston/latex/latexsheet-a4.pdf
- Getting Started with LaTeX http://www.maths.tcd.ie/~dwilkins/LaTeXPrimer/
- Getting to Grips with Latex: http://www.andy-roberts.net/misc/latex/latextutorial9.html
- Formatting Equations in LaTex: http://www.math.tamu.edu/~boas/courses/math696/LaTeX-formatting-equations.html
Compare the knol editor and codecogs (you will see how the knol editor is bad):
Codecogs: the best online LaTeX equation editor.
http://www.codecogs.com/
try the editor: http://www.codecogs.com/latex/eqneditor.php
CodeCogs is an Open-Source library, with technical references and numerical components written in C/C++. It's an interactive library, with examples, online calculator and interactive graphs, covering Mathematics, Statistics, Science, Engineering and Finance...
- Equations plugin for CK Editor (see below for CK editor)
- Equations in Tiny MCE (see below for TinY MCE)
- Twitter Integration
The CodeCogs Equation Editor is an online editor that facilitates the creation and formatting of LaTeX equations. The editor can be easily extended, adapted and embedded into websites. It is compatible with a range of WYSIWYG editors, supports multiple languages and works across all major internet browsers, including IE, FireFox, Safari and Chrome, most email programs, and web enabled portable devices.
The CodeCogs LaTeX Engine creates graphical equations for placement on Internets, Intranets, and most desktop applications. It adheres to the international LaTeX standard.
v3 - Jan 2011. Introduction of Variable Designs so editor can be customisted to needs. New Editor integration API, allowing the editor to be fully integrated into other HTML pages.
The full code is not free...
But its use is free:
- the Editor toolbar can be rearrange to provide a bespoke layout and design to meet the varying needs of your users. You can choose from one of our preset Standard Designs or build you own Custom Design.
- you can embed this editor (http://www.codecogs.com/latex/embedded.php) very easily: only 1 CSS and 2 Javascript calls in the Head section.
- just "show equations": without installing any additional code, you can put the latex code and IMG tag. http://www.codecogs.com/latex/htmlequations.php
- try also the code editor C++ which is fully integrate with the equation editor...
This editor generates
LyX (http://www.lyx.org/) is a document processor. It offers an offline equation editor. LyX can be used on Linux, Windows, and Mac computers. The equation mode can be started by selecting the equation mode using one button.- an image (6 choices: gif, png, pdf, swf, emf and svg). SVG is better than the raster images: there are only 100dpi, whereas for printing you need about 300dpi.
- the direct rendering (and a download link)
- code (9choices)
- HTML (edit) : HTML code to embed this equation into a web page : just a line of HTML code; you can copy the LaTeX code between fn_jvn and ".
- HTML for this equation
- URL; The URL link to this equation.
- URL encoded for this equation
- LaTeX markup for this equation
- PRE (XML code with pre-tags) for this equation
- TiddlyWiki markup for this equation
- PHP Bulletin Board markup for this equation
- Wordpress.org markup for this equation
Document formats:
- Access to all LaTeX functionality with capability to insert plain LaTeX code anywhere in a document.
- Import and export to many formats (LaTeX, PDF, Postscript, DVI, ASCII, HTML, OpenDocument, RTF, MS Word, and others) thanks to configurable converters
- Send a fax from within LyX
- Source code viewer for instant LaTeX and DocBook view.
- SGML-tools support (DocBook DTDs)
- Literate programming support (Literate programming is the art of preparing programs for human readers)
- noweb, http://www.cs.tufts.edu/~nr/noweb/; A Tool for Literate Programming with language-independence;http://www.webring.org/cgi-bin/webring?home&ring=litprog; example: http://www.cs.tufts.edu/~nr/noweb/examples/index.html (these examples have had their documentation parts converted automatically from LaTeX to HTML.)
- Sweave http://www.stat.uni-muenchen.de/~leisch/Sweave/: http://en.wikipedia.org/wiki/Sweave; Sweave is a function in the statistical programming language R that enables integration of R code into LaTeX or LyX documents. The purpose is "to create dynamic reports, which can be updated automatically if data or analysis change")
- Support for export of PDF bookmarks and header information.
- Google Docs: How do i use MathML in equation Editor? You can't : only Google's own equation editor (see above the LaTeX knol editor) is supported, but that is limited : http://www.google.fr/support/forum/p/Google+Docs/thread?tid=6d770dce490fc87e&hl=en;
Only LaTeX, try : http://code.google.com/p/latex-lab/
Google LaTeX Lab is an open source implementation of a web based LaTeX editor for Google Docs. Integration with Google Docs is achieved via GData API. The application is developed using GWT and hosted on the Google AppEngine. A CLSI implementation provides the link to the LaTeX compiler.
Go to the Project Site : http://docs.latexlab.org/ - Open office:
support mathML.
The math library available in LibreOffice is very rich, you can even write complex matrices.
http://www.openoffice.org/
http://www.maherali.net/2011/05/blogger-mathematical-formulas.html
- Zoho
LaTeX Equation Editor feature in Zoho Writer that comes very handy for writing mathematical stuff. You can also export your Writer document in LaTeX format for further editing from your local drive.Zoho Writer comes with LaTeX based Equation Editor under 'Insert' menu, based on palette based limited graphic user interface. If not fluent in LaTeX, user can use some 3rd party Math Equation Editor software such as MathMagic (http://www.mathmagic.com/) or MathType (http://www.dessci.com/en/products/mathtype). MathMagic especially offers "Copy As Zoho equation" menu to allow user Paste the equation optimized in Zoho equation format. Zoho equation(LaTeX) can also be copy and pasted into MathMagic window to re-edit.
a comparison of formula editor: http://en.wikipedia.org/wiki/Formula_editor
--mathtype:
http://en.wikipedia.org/wiki/Mathtype
http://www.dessci.com/en/products/mathtype
MathType is a commercial powerful interactive equation editor for Windows and Macintosh that lets you create mathematical notation for word processing, web pages, desktop publishing, presentations, elearning, and for TeX, LaTeX, and MathML documents (interoperable with >400applications and web sites; google docs, mathematica; ). There are significant compatibility issues, however, with Adobe Acrobat; and generating PDF files from documents containing MathType elements is far from straightforward. Users may wish to refer to TechNote #69 for further information https://www.mathtype.com/en/support/mathtype/tsn/TSN69.htm.
http://www.dessci.com/en/products/MathType_Mac/
Works with Many Applications and Websites:
Apple iWork '09: MathType lets you add equations to documents, presentations, and spreadsheets in Pages, Numbers, and Keynote.
Microsoft Office 2008 and 2011: MathType lets you add equations to documents, presentations, and spreadsheets in Word, PowerPoint, and Excel.
Many Other Applications and Websites: MathType also works with over 500 applications and websites, including:
Yahoo Mail, Gmail, Hotmail, Mac Mail, Microsoft Outlook
Mathematica, Maple
InDesign, QuarkXpress
Blackboard, Moodle, WebAssign
Wikipedia, Wolfram Alpha
Google Docs
Evernote
--mathMagic:
http://www.mathmagic.com/
http://en.wikipedia.org/wiki/MathMagic
MathMagic supports MathML batch conversion from/to TeX, LaTeX, EPS, PDF, PNG, GIF, JPEG, BMP, Microsoft Word equation, and other formats.
-techexplorer
http://www.integretechpub.com/techexplorer/
It's a commercial cross-platform, cross-browser plug-in for delivering high volume or advanced mathematics over the web. Rich programming API for C++, Java, and JavaScript let you interact with Java applets, create animations, or build custom applications using techexplorer. Publish TeX and LaTeX Documents to the Web Without Conversion. MathQuery is a radically new method for analyzing and evaluating free-form student responses within computer-based assessment and tutorial systems for mathematics.
--------------
--free equation editors:
http://www.dragmath.bham.ac.uk/
This is an open-source (sourceforge: http://sourceforge.net/projects/dragmath/) drag and drop equation editor written in Java. It is a Java applet which can simply run within a web browser on most computers. Once an expression is created the user can convert it into a variety of different linear syntax for mathematics, including MathML, LaTeX, Maple, Maxima or any user defined style. It is possible for the user to create an .xml file containing a custom output format without requiring the applet to be recompiled.
Integrations with a VLE such as Moodle: Moodle is a free, open source course management system. If you are interested in using DragMath with Moodle, or a similar system such as LonCAPA, etc then please review the DragMath and Moodle page (http://www.dragmath.bham.ac.uk/moodle.html) or the more general Integration page before downloading (http://www.dragmath.bham.ac.uk/integrations.html).
DragMath makes use of the MathTran service to automatically convert expressions to images. More details of MathTran available at www.mathtran.org.
-----
http://www.mmlsoft.com/index.php?option=com_content&task=view&id=6&Itemid=7
Formulator Mathml Weaver
-----
The project Gemse has been started in the need for an editor for mathematical formulas that is fast and can be controlled by keyboard only. Gemse is implemented in JavaScript using DOM. It runs in the webbrowser Firefox (plug-in).
-----http://mathcast.sourceforge.net/home.html
MathCast is a free and open source application. MathCast is an equation editor, an application that allows you to input mathematical equations. These equations can be used in written documents and webpages. The equations can be rendered graphically to the screen, to picture files, or to MathML - today's leading standard language for describing mathematics. MathCast is also an Equation List Manager, and is capable of organizing dozens of equations in a single list. This empowers you with the abilities to manage, modify, view, edit, and reedit all the mathematics of a project (be it a document, a webpage, or so on) all at the same session. A Laplace transform table created with MS Word. https://docs.google.com/viewer?url=http%3A%2F%2Fmathcast.sourceforge.net%2Flaplace.doc
----
http://pierre.chachatelier.fr/latexit/latexit-downloads.php?lang=en
LaTeXiT: Mac and PC desktop program.
To simplify the writing of equations, LaTeXiT features syntax coloring, a dictionary, a smart error manager relying on log analysis of the underlying LaTeX engine. You can also create your own keyboard shortcuts, document templates… everything is made to help you customize your environment. LaTeXiT is open source ; the code is available for free.
5-----------Browsers and LaTeX/ MathML viewers:
Firefox 5.0 (@july 2010) with free stixFonts (Scientific and Technical Information Exchange (STIX) font project is the creation of a comprehensive set of fonts that serve the scientific and engineering communities: http://www.aip.org/stixfonts/; http://sourceforge.net/projects/stixfonts/) has a very good support of mathML3.0 (better than amaya ;)!!!
All Gecko browsers (Firefox and Camino) support MathML natively.
If you want to display LaTeX math on web pages: http://alexeev.org/display-latex2.html
FireMath, a powerful MathML editor for Firefox:
https://addons.mozilla.org/en-US/firefox/addon/firemath/
http://mozillalinks.org/2009/09/firemath-a-powerful-mathml-editor-for-firefox/
Chrome does not support MathML. It will support MathML as soon as webkit does, chrome relies on webkit to handle this part of the rendering process (http://ex-ample.blogspot.com/2011/07/webkitrendering-engine-html5-webkit2.html).
Try the ex-ample (the start of this post) with dev channel chrome (14.0.803.0 dev; @july 2011): it is very bad!!!
a-1) How to use the Google Chart API to render a mathematical formula on your web page:
http://code.google.com/apis/chart/image/docs/gallery/formulas.html
With these API, you can render a formula in a static image file. To do this, you must understand the TeX language in order to specify your formula. Try the equation editor in knol (see above).
a-2) Try this chrome extension (uses these API) but just an image generator with the hidden LaTeX code of your equation in alt (see the HTML code; see the editor of knol (above))) https://chrome.google.com/webstore/detail/kkefjpibponajdjnckihpchmfjnaedhe
A blogspot which uses this google API : http://satomacoto.blogspot.com/
b) Simple chrome extension to inject CSS into a page in order to display MathML equations:
https://chrome.google.com/webstore/detail/elbbpgnifnallkilnkofjcgjeallfcfa
http://math.nist.gov/~BMiller/mathml-css/style/mathml.css
OK for the rendering of ex-ample2 (the math symbols are not properly aligned) not for the ex-ample1.
Internet Explorer
Web pages with MathML embedded in them can be viewed as normal web pages with many browsers but visually impaired users can also have the same MathML read to them through the use of screen readers : using the commercial MathPlayer plugin for Internet Explorer http://www.dessci.com/en/products/mathplayer/.
6------i select 2 free javascript libraries for math on web pages (with JavaScript display engine for mathematics that works in all browsers).
-I) fmath
-II) MathJax
MathJax is a more mature project (without flash) but i think it is important to know these 2 possibilities.
-I) fmath (flash and javascript)
a)ex-ample (test the rendering in your browser): http://www.fmath.info/formula/ex1/complexPage.html
http://www.fmath.info/formula/ex1/simplePage.html
It works if you have the Adobe flash player plug-in in your browser.
See also the demo mathML-LaTeX-view equation online converter: http://www.fmath.info/formula/demo.jsp#main
b)Three URL:
http://www.fmath.info/
http://mathmlflash.blogspot.com/
http://code.google.com/p/mathmleditor/
MathML IDE: IDE (Integrated Development Environment) is an application that integrates all other modules. The application allows to work with mathematical functions (editing, viewing graphics, processing functions, ...) as well as working with MathML source (editing, save, help, ...): MathML Editor; MathML Graph;MathML Formula.
Code for "MathML on web pages":
http://code.google.com/p/mathmlonweb/
It's a project's Subversion repository (SVN).
The project is intended to provide a simple way to display mathematical equations in web pages, without pictures and without installing other components than Adobe's Flash Player.
The equations displayed are identical on all web web browsers (Internet Explorer, Mozilla Firefox, Google Chrome, Opera). The equations are inserted in the web pages in the form of MathML - an XML standard for transmitting, processing and displaying mathematical formulas.
Also "view-onServer".
"MathML for Flash" is a group of open source projects which allows displaying, editing, viewing and processing functions and mathematical equations in web pages. The programming is done in Adobe Flash AS3.
For GWT (Google Web Toolkit)
http://www.fmath.info/plugins/GWT/formula/
the first widget for GWT 2.2.0. The widget allow you to display an equation or mathemetics formula in web applications using GWT. The widget expose methods to access/modify the mathml (and latex), color, font, size or backcolor.
In your browser:
This tools allow the rendering but also saving options. You can save just by a right click (or ctrl click mac user) in MathMl code or LaTeX code (see the snapshot below). You can also save as image if you capture a screen shot...
see the quality of the rendering in Chrome
(Chrome has an automatic flash plug-in).
(Chrome has an automatic flash plug-in).
Then the problem of rendering and online saving is solved!
Whew.
Now the problem is:
How to publish equations in your site?
2 ways:
i) write mathMl code (or LaTeX) and javascript code and embed flash...
ii) use the fmath plug-in with an editor (see below):
-i--How to edit/display equations in your site? Javascript and embed flash on your site:
http://www.fmath.info/formula/download.jsp
-ii--online HTML editors with fmath plug-ins (http://www.fmath.info/editor/download.jsp):
(old comparison: http://woork.blogspot.com/2009/02/best-rich-text-editors-ready-to-use-in.html)
- TinyMCE Editor v3.4
I like the 3 buttons (paste, paste as plain text, paste from word), find/replace, many choices for list (alpha,greek, roman), bullet list; help button and its list of plug-in, insert date/time, preview, insert/delete row/column, insert custom character, insert emoticon).With the TinyMCE editor, you can switch between the Plain Text Editor and the HTML editor instantly, without having to re-load the page.
If you don't want to go deeper, just use this web service with the TinyMCE and fmath plug-in inside ("demo"):
try the service: http://www.fmath.info/plugins/TinyMCE/full.html
(-) Download TinyMCE Editor+plugin : http://code.google.com/p/mathmlonweb/downloads/listor
(a) Download TinyMCE Editor: http://tinymce.moxiecode.com/
(alexa 6300 @july 2011) GitHub is the source repository for TinyMCE:
https://github.com/tinymce/tinymce
Written in JavaScript, TinyMCE (Tiny Moxiecode Content Editor), is a platform-independent web-based JavaScript/HTML WYSIWYG editor control, TinyMCE is designed to easily integrate with content management systems. many plug-in... http://en.wikipedia.org/wiki/TinyMCE
(b) and Download Plugin for TinyMCE Editor:
select "fmath_formula-only-plugin-TinyMCE-v3.4-b1001.zip" inhttp://www.fmath.info/plugins/download.jsp
(c) Download "demo" for TinyMCE Editor: if you want to add the online service in your site/blog:
Download the demo: "fmath_formula-demo-plugin-TinyMCE-v3.4-b1001.zip"
http://www.fmath.info/plugins/TinyMCE/demo.jsp
(b-2) How to install the plugin for TinyMCE Editor 3.4:
http://www.fmath.info/plugins/TinyMCE/api.jsp
It is important to known that the plugin needs to generate an image and for that you need to have a server side code.
The settings and documentation (settings to generate the image) you can find at:
http://www.fmath.info/editor/image.jsp#main
Steps to integrate the plugin in TinyMCE distribution:
after the download of TinyMCE Editor, read the documentation how to integrate in your site the editor from tinymce.moxiecode.com. After the plugin download, copy the folder fmath_formula to jscripts/tiny_mce/plugins folder, - Add "fmath_formula" button to the editor menu in your html where the editor is created and there are 2 places to change: First is the list of plugins and second is in the menu: see http://www.fmath.info/plugins/TinyMCE/api.jsp
ex-ample with appspot and TinyMCE: http://middlewiki.appspot.com/wiki/MainPage?mode=edit
- CKEditor
try the service: http://www.fmath.info/plugins/CKEditor/demo.jsp (CKEditor 3.5.2)
http://ckeditor.com/
(alexa 7600 @july 2011)
Written in JavaScript, CKEditor is an open source WYSIWYG text editor from CKSource.
http://en.wikipedia.org/wiki/CKEditor
http://docs.cksource.com/
see the last version 3.6.1 (@july 2011): http://ckeditor.com/demo
I like the menu/function "template", the menu/function "style/red title"...
How to install the plugin for CKEditor:
http://www.fmath.info/plugins/CKEditor/api.jsp
ex-ample with appspot and ckEditor: http://zqt.appspot.com/ck
- YUI 2 Editor (Yahoo Editor)
try the service: http://www.fmath.info/plugins/YUI/yui_plugin.html
Yahoo Editor is a component of YUI: http://developer.yahoo.com/yui/
http://developer.yahoo.com/yui/editor/
The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX.
The YUI Library is fully documented on its website; detailed API documentation accompanies the library download. It has six types of components: YUI core, utilities, UI controls, CSS components, developer tools, and build tools.
The Charts Control retrieves data via the DataSource Utility and displays the data in a variety of common chart formats (line, bar, pie, etc.).
The YUI Rich Text Editor is a sophisticated client-side text-processor that is modular and highly configurable, suitable for any open-ended text-entry situation. It allows for drag and drop inclusion and sizing of images, text coloring, realignment, fonts, italic and bold text. The YUI rich text editor uses a plug in architecture and it is skinnable along with the rest of the YUI. It contains the following components: Editor, SimpleEditor, ToolbarButton, and ToolbarButtonAdvanced. Some differences in the SimpleEditor and the Editor control are that the SimpleEditor uses JavaScript prompts and select elements rather than YUI defined elements.
http://en.wikipedia.org/wiki/YUI_Rich_Text_Editor
http://en.wikipedia.org/wiki/Yahoo!_UI_Library
How to install the plugin for YUI 2.8.2: http://www.fmath.info/plugins/YUI/api.jsp
ex-ample of YUI editor with google app engine: http://tinywiki.appspot.com/TinyWiki?mode=edit
- NOT free : Cute Editor.net (mathML with fmath.info plug-in): http://cutesoft.net/
http://www.fmath.info/plugins/CuteEditor/api.jsp
-II) MathJax
http://www.mathjax.org/community/mathjax-in-use/#web-apps
http://www.mathjax.org/docs/1.1/mathml.html, is a JavaScript library for inline rendering of mathematical formulas. It can be used to translate LaTeX into MathML for direct interpretation by the browser. See the rendering with your browser:
http://www.mathjax.org/demos/tex-samples/
http://www.mathjax.org/demos/mathml-samples/
http://www.mathjax.org/demos/copy-and-paste/
http://mathematics-diary.blogspot.com/2010/02/mathjax.html
The open-source software project is sponsored by the American Mathematical Society...:
http://en.wikipedia.org/wiki/Mathjax
MathJax is used by GitHub and many sites.
In your browser:
This tools allow the rendering but also saving options. You can save just by a right click (or ctrl click mac user) in MathML code or LaTeX code (see the snapshot below). You can also save as image if you capture a screen shot...
http://ex-ample.blogspot.com/2011/07/equation-copy-from-mathjax-latex-demo.html
Use in Web Platforms:
http://www.mathjax.org/demos/use-in-web-platforms/
It is very easy to use MathJax with most web platforms. Thanks to the MathJax CDN service, you do not have to install any files – just adding a code snippet to the HTML header is all that you need to do to set up MathJax. You can then include LaTeX and MathML in your posts and let MathJax display beautifully rendered equations to your readers.
Install:
http://www.mathjax.org/docs/1.1/start.html#mathjax-cdn
It is a common problem that developers face when trying to use a lot of (= more than the maximum number of allowed files) static files (js-librarys or other files):
http://appengine-cookbook.appspot.com/recipe/reducing-the-maximum-number-of-static-uploaded-files-using-zipfile-and-memcache-mathjax-uploaded-to-appengine/
If you use http://arxiv.org/ (an open access to around 700000 e-prints in Physics, Mathematics, Computer Science, Quantitative Biology, Quantitative Finance and Statistics) and if you want to display math on it
(this only work for a tiny amount of papers with $ symbols in the abstract), download this chrome extension:
https://chrome.google.com/webstore/detail/iamlipddanpcamngfnekhlejlijhjedg?ct=author
For GWT (Google Web Toolkit):
http://www.mathjax.org/community/mathjax-in-use/#web-apps
http://cs.jsu.edu/wordpress/?p=55
Mathjax and blogger. Here i outline the steps needed to display MathML/LaTeX on blogger via MathJax.
- Method with a hosting (i.e. GAE or yola...)
- Step 1: Hosting This is by far the hardest step in the configuration of MathJax. MathJax relies on a server which provides all the resources MathJax needs. So you need a host which you can control. I looked around for a hosting service and picked a local hosting service.
- Step 2: Installing MathJaxThere are various ways of installing MathJax depending on your host. For various reason I opted for a local installation. Get a copy of the latest MathJax distribution of the download page of MathJax: http://www.mathjax.org/download/
Place the distribution on the host and follow the installation instructions: http://www.mathjax.org/docs/1.1/installation.html#obtaining-mathjax-via-an-archive.Other options are described as well. - ---
- Step 3: Add reference to your MathJax in blogger. In order to use MathJax in blogger you have to refer to the MathJax installation. Go to the design section of blogger and edit the html. In the head section of the html add the following section of code. And after , it works.
01.
<
html
>
02.
<
head
>
03.
...
04.
<
script
src
=
'http://[yourhost/your-installation/]MathJax.js'
type
=
'text/javascript'
/>
05.
...
06.
head
>
07.
<
body
>
08.
...
09.
body
>
10.
html
>
Method with the mathajax Content Distribution Network (CDN); making steps 1 and 2 unnecessary.
Before you can use the CDN you will have to read the terms of service. After that use the alternate step 3 to reference Mathjax in blogger as outlined below and on the documentation page: http://www.mathjax.org/docs/1.1/start.html#mathjax-cdn
Step 3': Add reference to the CDN Mathjax in bloggerGo to the design section of blogger and edit the html. In the head section of the html add the following section of code.
<
html
>
02.
<
head
>
03.
...
04.
<
script
src
=
'http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'
type
=
'text/javascript'
/>
05.
...
06.
head
>
07.
<
body
>
08.
...
09.
body
>
10.
html
>
http://themagicofscience.blogspot.com/2011/06/mathjax-gory-details.html
-----Server-side scripting with these flash plug-ins:
Server-side scripting is a web server technology in which a user's request is verified by running a script directly on the web server to generate dynamic web pages. It is usually used to provide interactive web sites that interface to databases or other data stores. This is different from client-side scripting where scripts are run by the viewing web browser, usually in JavaScript.
-----Mathjax and Google App Engine (GAE):
This is a tool to make it easy to embed LaTeX code in your webpages, even if the server-side software -- like your wiki or blog program -- doesn't support it:
http://mathcache.appspot.com/static/docs.html
Mathjax and appspot (google app engine):
http://joeisontheweb.appspot.com/
The MathJax library is pretty fat (30.000 files)
It is a common problem that GAE developers face when trying to use a lot of (= more than the maximum number of allowed files) static files (js-librarys or other files). One possibility to overcome this, is to use zipped archives and memcache. This solution works only for zipped archives which are not bigger than 10Mb (and MathJax is 16MB).
http://appengine-cookbook.appspot.com/recipe/reducing-the-maximum-number-of-static-uploaded-files-using-zipfile-and-memcache-mathjax-uploaded-to-appengine/
Solve the problem, this way:
http://leona-nachhilfe.appspot.com/zipped/MathJax-v1.0.1a.zip/MathJax/test/sample.html
Some big problems of MathJax: MathJax has been focused on LaTeX. It added partial support for MathML 2.0 and MathML 3.0. In fact MathJax only supports presentation MathML.Compare chrome+styx fonts (v14 @july 2011) and firefox+styx fonts (v5 @july 2011) with this URL:
https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test.html
Chrome does not work!
If MathML3 is posted without return, Chrome 14 (with styx fonts and mathjax) gives a very good rendering:
http://ex-ample.blogspot.com/2011/07/mathml3-sample.html
--Other:
http://wme.lzu.edu.cn/mathedit/index.html
MathEdit is implemented in standard JavaScript and DOM. MathEdit runs within any standard Web browser that supports JavaScript and DOM. Import/Export MathML.
--MathEdit Content Version(Both in IE and Firefox browsers)
--MathEdit Presentation version(Only in Firefox browsers)
Mathematical Expression Translator Web Service (LaTeX 2 gif/png/pdf/ps/dvi)
7-----Some interesting links (in my opinion ;)
--http://mathtran.org/
MathTran uses TeX-notation for encoding mathematics. Most people use LaTeX, but for technical reasons MathTran uses a variant of the simpler plain TeX format.
The main difference between MathTran TeX and LaTeX is that MathTran doesn't use the LaTeX \begin{environment} and \end{environment} commands, and that it uses \hbox for text in a formula.
A small LaTeX converter:
http://point.pt/~guillaume/latex/latexiframe.html
--weblog clients
http://webstory.my/
Chrysanth WebStory is a desktop blog management software that helps you manage and back up multiple blogs, Twitter and web albums easily. Through WebStory, you may be able to remotely manage your blog posts, including publish new posts or pages, edit/ delete published posts or pages. Supported blog servers and blog services include BlogSpot.com, WordPress.com, TypePad.com, WordPress blog server, MovableType, Drupal, Nucleus and others.
--not free:
BBEdit is the best HTML tools but not free (and not multi-platform):
--some web applications:
Mathematica provides a web page to convert typed mathematical expressions (select whether the tool should interpret the input as TraditionalForm, traditional mathematical notation, or as StandardForm, Mathematica syntax notation) to MathMLcode (just copy/paste the code):
Encalc is a free online calculator (and grapher) with support for variables and dimensional units (meters, inches, Amps, etc). It makes unit conversions and evaluating formulas simple by abstracting away the calculation part from your side to the computer's side. Encalc was made to simplify long, dimensionful calculations. You can also define variables in order to vary the parameters independently of the expression. Finally, Encalc supports advanced mathematical calculations, such as solving systems of equations and matrix multiplication.
a LyX to HTML converter:
LyX (http://www.lyx.org/) is a wonderful text editor which produces beautiful PDF files. Internally it exports documents to LaTeX, and from there to PDF. Sadly there is not an equivalent “export to HTML” option…
8-----------Inserting Characters (unicode, Math Font Styles):
If you can use either the Windows Character Map or the Macintosh Character Viewer/Palette with Dreamweaver, Notepad (Win), Unipad (Win) or BBEdit (Mac) to insert mathematical symbols directly into the HTML.
However, you may get uneven results between browsers.
-----end
Great informative post and i really likes your information, most of the peoples are likes your blog because its having the good knowledge of web hosting
ReplyDeletei am still not sure which one i should go, latex or mathml
ReplyDeletethis article is TLDR :D so which one is better??
ReplyDeleteVery informative post..
ReplyDeleteWebsite Designers Mumbai