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 |
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 |