FMATH FORMULA - FREE solution to display equations or mathematical symbols weusing MathML, LaTeX or OMML (Microsoft Word) standards.
FMATH EDITOR - FREE solution to edit equations or mathematical symbols on web pages using MathML, LaTeX or OMML (Microsoft Word) standards.
FMATH for FLASH/Flex - FREE components for AS3 applications to display and edit equations using MathML, LaTeX or OMML (Microsoft Word) standards.
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.

FMATH Web Component


How to use in html pages
	<html xmlns:m="http://www.w3.org/1998/Math/MathML" >
	<head>
		<script language="JavaScript" src="mathml_viewer.js"></script>
	</head>
	<body>
		<h3>MathML code inside HTML</h3>

		<span style="display:none;" id="Formula1">
			<m:math xmlns:m="http://www.w3.org/1998/Math/MathML">
					<mrow>
						<mrow>
							<msup>
								<mn>2</mn>
								<mrow>
									<msup>
										<mi>x</mi>
										<mn>2</mn>
									</msup>
									<mo>+</mo>
									<mrow>
										<mn>4</mn>
										<mi>x</mi>
									</mrow>
									<mo>+</mo>
									<mn>4</mn>
								</mrow>
							</msup>
							<mo>+</mo>
							<mrow>
								<mn>4</mn>
								<mi>x</mi>
							</mrow>
							<mo>+</mo>
							<mn>45</mn>
						</mrow>
						<mo>=</mo>
						<mn>0</mn>
					</mrow>
			</m:math>
		</span>
	...


Example: Online Test

API Communication and settings


Javascript access to component
	// set the mathml for a component to display a formula
	var formulaSwf = getSWF('formulaId');
	formulaSwf.setMathML('<mrow>...</mrow>');
	
	// get the mathml string from a component
	var mathML = formulaSwf.getMathML();

	// set the LaTeX for a component to display a formula
	var formulaSwf = getSWF('formulaId');
	formulaSwf.setLaTeX('\\[ ds^2 = dx_1^2 + dx_2^2 + dx_3^2 - c^2 dt^2 \\]');
	
	// get the mathml string from a component
	var latex = formulaSwf.getLaTeX();
	
	//change default font
	formulaSwf.setMathMLFont("fraktur");

	//change default font size
	formulaSwf.setMathMLFontSize("40");

	//change default font color
	formulaSwf.setMathMLColor("blue");

	//change default background color
	formulaSwf.setMathMLBackground("#ddeeff");
	
	// get jpg base64 image from component, the second paramter is compression
	var base64String = formulaSwf.getBase64Image('JPG', 100);
	
	// get png base64 image from component
	var base64String = formulaSwf.getBase64Image('PNG');
	
	// get png base64 image from component with transparent background (Only PNG type)
	var base64String = editorSwf.getBase64Image('PNG', 100, true, "#FFFFFF");
	
	//hide the formula
	formulaSwf.hide();
	
	//show the formula
	formulaSwf.show();

Add Edit menu to right-click - Integration with MathML Editor

	- editable=true - this will display flash right-click menu "Edit ..."
		When clicked will call the javascript method: editMathML( htmlId, mathml)
		Arguments passed: 
			- htmlId is his Id. After the editor edit the formula needs to know what object have called
			- mathml. The current mathml.
		

	Example:
		...	
		<span style="display:none;" editable="true"
		...
	


Default settings

You can configure the default settings:
	- defaultColor - the default color to display the formula; Default is #000000 (black);
	- defaultBackground - the default background to display the formula;  Default is #ffffff (white);
		The color could be: #rgb or "aqua", "black", "blue", "fuchsia", "gray", "green", 
		"lime", "maroon", "navy", "olive", "purple", "red", "silver", "teal", "white", "yellow"
	
	- defaultSize - the default size to display the formula; Default size is 22;
	- defaultFont - the default font to display the formula. Default is "normal";
		The values could be one of: normal | bold | italic | bold-italic | double-struck | bold-fraktur | 
		script | bold-script | fraktur | sans-serif | bold-sans-serif | sans-serif-italic | 
		sans-serif-bold-italic | monospace | bold-double-struck | double-struck-italic | 
		double-struck-bold-italic | circle | bold-circle | circle-italic | circle-bold-italic 
		or a client installed font name
		

	Example
		...	
		<span style="display:none;" defaultColor="#ff0000" defaultBackground="#dddddd"
		defaultSize="30" defaultFont="monospace"
		...
		

`


www.learn-math.info | www.apprendre-math.info | www.aprender-mat.info | www.invata-mate.info
Designed by Diana Alexandru
free components MathML flex GWT LaTeX Editor Air plugin MathML flash math Mathematics Equation Widget Mobile flash LaTeX Mathematics FREE Apple iOS OMML Android iPad iPhone Microsoft Word Latex MathML OMML Free