It refers to the process of handling user actions when he goes through the process of creating equations . It also involves guiding the user through the process of creating mathematical expressions. To generate MathML when the user is done with equation creation, the list of user actions needs to be tracked for dynamic MathML generation.
Equation elements
Operators , operands, superscripts, subscripts, special math symbols(Square root,integral,limits),underover,matrix,fence(brackets.)
Pre-requisites
· Current Container
Refers to the current display object which has focus.(i.e. The user has clicked on a particular display object to which the equation is going to be added).The current container acts as a pre parent to the math equation that the user might type. Before equation creation the current container holds the super parent container which is the parent to all math expressions.
· Counter Id
As and when the user adds math elements into the drawing board, an ID is assigned to the particular math element .Global data keeps a counter of the entire Id’s assigned at any point in the equation creation.
· Math Table
An array of user defined objects called math node.
· Math Node
An object which uniquely defines a math object in the equation.
Attributes of Math Node
Nodeid : The globally assigned identifier
ParentId : The identifier of the parent math node which holds this node.
Node Name : The name which specifies what type of math node it is. The
name corresponds to the MathML tag which describes .
For e.g.: mo for operators ,
mi for operands,
mn for constants,
msup for superscripts
Node Text : The text of the node. Applicable only for mn, mo,mi.
Attributes : Properties of math elements like fontsize, style, thickness etc.
EVENT HANDLING FOR SUPERSCRIPTS AND SUBSCRIPTS
Description :
Superscript in MathML takes two mathnodes as their children. The base and the exponent. The global data assigns identifier to the superscript node which is an imaginary node, which exists just to hold the two children but has no physical rendering.
MathNode :
![]()
<msup><Id><ParentID of Current Container><null>
Implementation in Flex:
A mathematical component is drawn on the Canvas Container
that Flex offers.here are two alternatives to this.
1) Draw using a UIComponent and its graphics method.
<shape>.<uicomponent>.<graphics>.drawline(//)
How ever this method is tedious when it involves the calculation of appropriate coordinates(For Eg.In superscript,The x cood is increment by the width of the base ..and the Y coor is incremented by the height of base.and then decremented again to lie on the axis of the equation line.
Usage of lex components like HBox and VBox takes care of all these.(Esp Layout).
- Superscript Box Structure :WYSIWYG EDITOR
- Superscript in Flex


Hello,
I’m working in an application that has to be able to incorporate simple equations using a graphic editor. Won’t be more powerful than including sums, products, and powers of twot (maybe square roots too).
Are you going to publish any of your work or give hints on how to approach the problem?
Thank you,
Carlos Aza
Hi,
The Math editor that we did still in the nascent phases.
We are still working on it.(Adding user support features…SVG support etc)
However ,Ill be able to provide some help ..In case u need any with respect to MathML or Flex
1) Are u developing a Flex App?
2) Will the editor be used to display and evaluate the equations or only display the equation?
Hi
We are working on Math editor Flex version
will u able to help me
Hi,
Thank you for your quick response.
Yes, I’m developing a Flex application. I have to introduce equations using the editor, employing references to data located in the database (this references will be used in the java side to access to the real data and calculate the result).
I should evaluate the equation in the flex client in order to validate it and inform the user if the equation is valid or not.
I have done a simple structure of the editor (it’s like a basic calculator) but I lack in the presentation aspect. I’m now showing the formules in a TextArea without any kind of beautifying. It isn’t an obligatory requirement but if I show the equations with good look it will be a pro.
Thank you so much,
Carlos
Hi…
U can make ur equations look presentable …Quite easily in Flex.
(Like only the presenation aspect).I could provide some help to u,in this case..
I need to know If u are using MathML anywhere in evaluation of equations.
Hi,
No, I’m not using MathML anywhere. A typical formula could be:
( – 1.009 * “EA043H271” ^2 + 0.993 * “SA043H271” – “EA043H471”) * (“SA043H271” ^(1/2) + “SA043H471” ) / (“SA043H271” + “SA043H471” + “SA043H473”)
where “SAxxxxxx” and “EAxxxxxx” are codes of data inserted in a database. That string is what I’m going to store and process.
i am working on mathml editor in flex,
here i am getting problem in binding text with xml node……
how to bind text with xml node ……..
plz give me suggestion to do this……
Do u mean when generating mathml after the user has types in his math equation?
Ya right, but i got the solution for that..
Actually i am working for mathml editor developed in flash,
converting it into flex app….
here , i am facing problems in displaying button labels, i am taking each ‘hex entity number ‘ as a button labels , adding those labels to text area, my problem is some are displaying , but some are not displaying, i dnt no why….in design mode displaying but while i am running …….. some are not displaying…..
this is my 1st problem……..
and problem with fence buttons,integral buttons….etc……
and some having arrow with boxes something…….
and problem with & displaying in xml…….
its displaying as & ……….
plz give me suggestion to do this……
these are the problems……..
i need sample app …… if any plz gve me the links………..
Hey Hi….
I recognise your problem is in tryin to display few of the math fonts.
First of all did u try embedding them in ur app?
Integrals and Square roots are not part of system font set.They usually come under mathematical or stik fonts…
Please give me an Idea as to the font type which u use
@Raj
Are u tryin to rework the mathml editor done in flash by learnmath?
yes……
which font i have to use to do…….
and & issue is one…….
÷,……for this i am taking as ÷ but its not working……..
Serif
arial
courier
i am using these fonts….
Arial..Courier are standard fonts.They do support quite a few math symbols.
But U need to use different font type sets to support integrals,square roots.
For eg : Mathematica and STIx.
You might wanna check out the Mozilla MathML project.
http://www.mozilla.org/projects/mathml/
Mozilla Makes use of STIX.
An Did U embed the fonts properly?.
and need solution for top most buttons …. arrows with boxes etc….
Can U please be more elaborate?
What solution for topmost button?
Do u mean the learn math sliding bar which has options for under and over boxes?
actually i am taking hex entity code, as label for each object ,,,
for ex: alpha α
like this………
but coming to integral part…….. i am not getting hex entity…….
and accentButton group
and coming to braces…… all are adding in bitween braces…….
and like that mathml also generating…..
i need help for this……thing
yes you are correct……
and suggest one font name which supports mathml…..
check out STIX
thanks its working……….
hey,
i want help for ‘learn math sliding bar’ options…..
plz guide me to do that….
hi,
how to work with subscripts and superscripts for mathml editor…..
are u working to integrate mathml of learnmath in ur flex app
hi,
can u please tell me how i will show the sprite object used in mathmleditor to display the sqrt.
i have sent both values and i want to see this mathml symbol in textarea.
But i dont know how addchild used in renderer class of the sqrt will display this using sprite.
please help!!!!!!!!!!!!!!!
u can help me logically
Wht sort of Help do u need?.
Please dont ask me for the cod eor sample app.Its a toll on my side.
However I can help u with the logic …