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?"
| 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"
...
|
| 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 |