Example: MathML/Latex Formula;
MathMLFormula: "How to use for Web?"
MathMLFormula: "How to use for Air?"
MathMLFormula: "How to use for Mobile?"
MathMLFormula: Bugs or new features?
Example: MathML Editor Component;
MathMLEditor: "How to use for Web?"
MathMLEditor: "How to use for Air?"
| Install the components in Flex Builder 4.6 |
- 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 |
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fmath="http://www.fmath.info"
title="HomeView" initialize="init()">
<s:layout>
<s:VerticalLayout horizontalAlign="center"/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
protected function getMathML(event:MouseEvent):void
{
textareaId.text = new XML(editorId.mathML).toXMLString();
}
private function init():void{
editorId.addEventListener(FlexEvent.SHOW, onShowEvent);
}
private function onShowEvent(event:*):void{
event.preventDefault();
event.stopImmediatePropagation();
}
]]>
</fx:Script>
<s:Group>
<s:layout>
<s:VerticalLayout horizontalAlign="center"/>
</s:layout>
<s:Label color="#106A70" fontSize="16" fontWeight="bold" text="MathML Editor Example:"/>
<fmath:MathMLEditor id="editorId" editorHeight="350" editorWidth="750"/>
<s:Button click="getMathML(event)" label="get MathML from editor"/>
<s:TextArea width="600" height="200" editable="false" id="textareaId" />
</s:Group>
</s:View>
![]() |
| 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 |
| 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 |