Flash, Java, C# and Javascript libraries for mathematics

FMATH is a FREE solution to display and edit equations on web pages, desktop app or mobile devices using MathML, LaTeX or OMML (Microsoft Word) standards.

Home

What is implemented for MathML?

What is implemented for LaTeX?

What is implemented for OMML?
(Microsoft Word Equation)

MathML - test suites

Version history

Licence for all packages: Apache 2.0

Contact me

MathML Editor Component for Flex for Web applications

Install the components in Flex Builder 4.6 - Standaloane example

	- Download the Formula component from download area (swc file and fonts)'
	- Unzip the package
	- Copy the swc file in your project/libs
	- Now you can see the component in Flex Builder - Design Mode

	- Copy the folder fontswf in project/bin-debug
	- Now you can test the component

How to use MathML Editor component - Standaloane example

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   xmlns:fmath="http://www.fmath.info"
			   minWidth="955" minHeight="600">
	<s:layout>
		<s:VerticalLayout horizontalAlign="center"/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			protected function getMathML(event:MouseEvent):void
			{
				textareaId.text = new XML(editorId.mathML).toXMLString();
			}
		]]>
	</fx:Script>
	
	<mx:VBox height="100%" width="100%" horizontalAlign="center" backgroundColor="#eeeeee" borderColor="#000000" 
		borderStyle="solid" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
		<s:Label color="#106A70" fontSize="16" fontWeight="bold" text="MathML Editor Example:"/>
		<fmath:MathMLEditor id="editorId" editorHeight="450" editorWidth="900"/>
		<mx:HBox>
			<mx:Button click="getMathML(event)" label="get MathML from editor"/>
		</mx:HBox>
		<mx:TextArea width="600" height="200" editable="true" id="textareaId" 
			borderColor="#7AD2E2" wordWrap="false"/>
	</mx:VBox>
</s:Application>

Settings


		<fmath:MathMLEditor id="editorId" editorWidth="800" editorHeight="500">
			<fmath:mathML><![CDATA[<mrow><mtext>abc</mtext></mrow>]]></fmath:mathML>
		</fmath:MathMLEditor>


	editorWidth  	- The width of editor component, default is 800
	editorHeight 	- The height of editor component, default is 500
	mathML  	- The mathml for formula.

Deployment

	- DO NOT FORGET to copy also the folders fontswf and lookAndFeel with the distribution
	- The folders MUST be in the same folder with your application

More info and settings for formula go Editor Tab

Example: Online Test