MathML for Web - using Adobe Flash Player

Free FMath Editor 2.4: Windows Word Importer

2012-12-06T15:18:00.001-08:00

Hi,

A new version of free mathematics editor for web is available on www.fmath.info.
The list of changes are:

Importer from Microsoft Word - Equation Editor. The editor can import equations from Microsoft Word (OMML standard) in MathML and display it. The translation is done without any communication with the server and no need to have installed Microsoft Word on your local computer. The process is implemented only in AS3 for Flash;
Changed the default XML editor to "XML Editor" created by Szabolcs Kurdi for XML syntax. Now you can easily see the errors (like in figure) and also the attributes and tags.
Add tool-tip for buttons. The text displayed is in the configuration file and can be changed or translated.
Add tool-tip for buttons.
Improved version of Latex-MathML translator.

For Java, the package "fmath-latex-mathml-v0.4.jar" have one new method:

String mathml = ConvertFromLatexToMathML.convertToMathML(latex);
String latex = ConvertFromMathMLToLatex.convertToLatex(mathml);

String mathml = ConvertFromWordToMathML.getMathMLFromDocStream(stream, "ISO-8859-1");

This allow you to import equations from Microsoft Word in MathML.
An Online example is on http://www.fmath.info/java/latex-mathml-converter/
The same, no need to have Microsoft Word installed.

All packages on www.fmath.info are free for download and use.

Ionel Alexandru

www.fmath.info

Create applications for mathematics for IPAD, Android or Blackberry

2012-03-05T08:15:00.000-08:00

Hi,
This is a presentation about creating applications for mathematics Android Devices, BlackBerry PlayBook, iPhone and iPad using Flash Builder from Adobe and FMath components. www.fmath.info has two flex components:

FMath Formula - to display a mathml or latex formula;
FMath Editor - an editor to create mathml/latex equations;

Steps to create the application:

Install Flash Builder from Adobe;
Download the components from www.fmath.info/flex (swc file and fonts)

flexComponentFormula-v1.6.2-b....zip;
flexComponentEditor-v2.3-b....zip;

Unzip the packages;
Copy the swc files in your project/libs;
Now you can see the components in Flash Builder - Design Mode under Mathematics category.

Copy the folder fontswf (lookAndFeel and config file for editor) in project/bin-debug
Now you can create a project with Flash Builder and insert FMath components.

The source code for two examples can be found here: http://www.fmath.info/flex/download.jsp

1. testFlexMobileProjectFormula-v1.6.2-b....zip - is an application example to display a mathml formula or a latex formula on an IPad. But the project can be changed to generate applications for Android or Blackberry. In this example you can read the mathml or latex formula, change it and display it again.

2. testFlexMobileProjectEditor-v2.3-b....zip - is an application example to display the editor on an IPad. In this example you can read the mathml created by the editor.

More details about component's attributes and how to use, can be found on www.fmath.info/flex

regards

Ionel Alexandru

www.fmath.info

fMath Editor version 2.3 - wizard for subtraction

2012-02-28T07:36:00.000-08:00

Hi,
FMath Editor is a free to use mathematics editor for web, desktop and mobile applications. The new version has a new wizard to create subtractions:

This wizard will generate mathml code for addition (inclusive the carries and the sign position).

The editor is available on www.fmath.info.

Ionel Alexandru
www.fmath.info

fMath Editor version 2.2

2012-01-25T08:29:00.000-08:00

Hi,

A new version for editor have been released. The main change is to include a first "wizard" for "elementary math" - Addition Wizard Panel:

This wizard will generate mathml code for addition (inclusive the carries and the sign position):

Also I solved some bugs and do a re-factory of the code to display "Elementary Math"

thank you
Ionel Alexandru
www.fmath.info

fMath Editor 2.1

2011-11-14T08:29:00.000-08:00

Hi,

A new version for editor have been released. The main changes are:

Refactoring of fonts and symbols;

Minimize the margins;
Change the code to better display the elements: mover, munder, msup, msub, ....

solve the problem of inserting new elements. When the client press "Enter" the application display a contextual panel with all the tags allowed to be inserted in the current location.

thank you

Ionel Alexandru

www.fmath.info

fMath Editor 2.0 "Look and Feel"

2011-08-02T06:57:00.000-07:00

Hi,

After 4 months, I have done a big refactoring to separate the design elements from logic elements. These changes allow me to have a dynamic "look and feel". The code is totally separated and each design can have one or more configurable themes. By default I have 2 "look and feel":

XP design with 3 themes and
YUI design with 2 themes.

The themes are easy to change because the colors and font configuration are in separate xml files. Here you have the configuration for each design: http://www.fmath.info/editor/design.jsp

XP Look and Feel :

YUI (Yahoo User Interface) Look and Feel:

Also, there are some nice changes:

put the translation information in separate files;
create "wizards" to generate complex equations;
add more settings for configuration:
- defaultBackcolor
- transparentColor
- designId
- theme
- language
solved some important bugs;

All suggestions,bugs and comments are welcome.

http://code.google.com/p/mathmleditor/issues/list

thank you

ionel alexandru

fMath "Elementary Math Implementation"

2011-03-23T08:49:00.000-07:00

Hi,

I deployed a new implementation for fMath Formula to display "Elementary Math" conform with MathML 3.0 specification. "Elementary Math" is the mathematics used in the lower grades such as two-dimensional addition, multiplication, and long division. For division I have done the implementation for all styles.

I added support for:

mstack, for aligning rows of digits and operators;
msgroup, for grouping rows with similar alignment;
msrow, for grouping digits and operators into a row;
msline, for drawing lines between the rows of the stack;
mscarry, represent the carry for an individual column;
mscarries used for associating a set of carries with a row;
mlongdiv, used for long division, for styles:

"lefttop"
"stackedrightright"
"mediumstackedrightright"
"shortstackedrightright"
"righttop"
"left/\right"
"left)(right"
":right=right"
"stackedleftleft"
"stackedleftlinetop"

regards
ionel alexandru

Free widget to display formula using GWT

2011-02-18T10:32:00.000-08:00

Hi,

I have done the first widget for GWT (Google Web Toolkit) 2.2.0. The widget allow you to display an equation or mathemetics formula in web applications using GWT. The widget expose methods to access/modify the mathml (latex), color, font, size or backcolor.

On site you can find the source code for the widget and the test project used to test the widget.

All suggestions are welcome.

thank you

ionel alexandru

fMath Web Editor "LaTeX version" is ready for free download

2011-01-25T13:43:00.000-08:00

Hi,

A new version for fMath Editor is ready for download. The big change is the support for LaTeX.
Now you can enter the equation in LaTeX format and display on editor or convert to MathML.
Here is the list of implemented feature from LaTeX: http://www.fmath.info/latexImplemented.jsp.

Also I have created a plugin for YUI Editor 2.8.2.

Other new features:
- support for Japanese language: Kanji, Hiragana and Katakana symbols;
- support for transparent background when generate the image;
- and also others bugs solved.

thank you
ionel alexandru
http://www.fmath.info/

Setup for Drupal, CKEditor and FMath Editor for mathematics

2011-01-05T13:14:00.000-08:00

Hi,

The settings to install fMath Editor with Drupal / CKeditor:

1. Install Drupal application. http://drupal.org/download;

2. Add CKEditor module. http://drupal.org/project/ckeditor
To use CKEditor in Drupal, you will need to download CKEditor (CKEditor 3.1 or greater is recommended). But the version 3.5 has errors (I couldn't make working my plugin) and I use ckeditor_3.3.1.
http://ckeditor.com/download/releases;

3. Activate CKEditor for edit. http://jesox.com/posts/how-install-and-configure-ckeditor-module;

4. Download fMath Editor plugin for CKEditor from http://www.fmath.info/download/plugins/ and unzip.

5. Copy the folder fmath_formula to drupal_folder/sites/all/modules/ckeditor/plugins;

6. Add fmath_formula plugin to drupal_folder/sites/all/modules/ckeditor/ckeditor.config.js
...
if (Drupal.settings.ckeditor.linktocontent_menu) {
config.extraPlugins += (config.extraPlugins ? ',linktomenu' : 'linktomenu' );
}
config.extraPlugins += (config.extraPlugins ? ',fmath_formula' : 'fmath_formula' );

...

config.toolbar_DrupalFiltered = [
['Source'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
['Maximize', 'ShowBlocks'],
'/',
['Format'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript','-','fmath_formula'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiRtl','BidiLtr'],
['Link','Unlink','Anchor','LinkToNode', 'LinkToMenu'],
['DrupalBreak', 'DrupalPageBreak']
];

...

//CKEDITOR.plugins.addExternal('imce', Drupal.settings.ckeditor.module_path + '/plugins/imce/');
CKEDITOR.plugins.addExternal('fmath_formula', Drupal.settings.ckeditor.module_path + '/plugins/fmath_formula/');
};

7. Don't forget to change/add in configMathMLEditor.xml the property urlGenerateImage with your server:
<property id="urlGenerateImage">http://localhost/capture/imageCapture.jsp</property>

thank you
alex

fMath Web Editor version 1.4 is ready for free download

2010-11-03T11:48:00.000-07:00

Hi,

Another version for Formula and Editor have been released to http://www.fmath.info/.
The main changes are:

stretchy problem solved for all arrows;
add zoom in/out;
add menclose tag;

Here the complete list of changes done for this version:
Formula 1.3:

add implementation for menclose tag for all "notation" value attribute:
"longdiv" "actuarial" "radical" "box" "roundedbox" "circle" "left"
"right" "top" "bottom" "updiagonalstrike" "downdiagonalstrike"
"verticalstrike" "horizontalstrike" "madruwb"
add implementation for mmultiscripts tag;
add implementation for maction tag for actiontype=toggle and highlight;
redo the implementation for all stretchy arrows.

Editor 1.4:

add zoom menu;
add multiscript button;
add menclose toolbar with all accepted attributes value;
add pannel to choose the type of stretchy arrow;
redo the server side comunication to generate the image

Plugins:

update the editor;

Flex:

update the formula and editor;
add button example for save image on server

Flash:

update the formula and editor;

Also I updated the documetation.
Thank you and I wait your opinion, bugs or request for new features.
alex

Free fMath Editor version 1.3 is ready for download

2010-09-15T06:51:00.000-07:00

Hi,

The new version of fMath solution for mathematics is ready for download.
The big change is the "Properties pannel" for Editor, which allow you to see and modify all attributes for a tag.

The complete list of changes are:
Formula 1.2:

add attributes to mstyle from mfrac, sqrt and mtable: bevelled, linethickness, stretchy, frame, rowlines, columnlines, rowalign, columnalign, rowspacing, columnspacing, framespacing;
add math attribute which extends mstyle;
redo the implementation for tags: mtable, mtr, mtd by adding attributes: frame, rowlines, columnlines. Values: "none" "solid" "dashed";
changed the length to accept em, ex, px, in, cm, mm, pt and pc;
the attributes: rowalign, columnalign, rowspacing, columnspacing accept more values. Ex: framespacing="0.4em 0.5ex";
create the method to get base 64 string for JPG and PNG;

Editor 1.3:

create the method to get base 64 string for JPG and PNG;
refactoring the code for all fences character and verify for stretchy
add properties pannel to view/change all the attributes for a tag;
configuration change: - enable/disable toolbars and buttons;

Plugins:

Update the editor;

Flex:

add method to get base 64 string for JPG and PNG;
Update the formula and editor;

Flash:

Update the formula and editor;

Also I updated the documetation.

Thank you and I wait your opinion, bugs or request for new features.

alex

Free plugin for mathematics for Cute Editor

2010-08-12T11:14:00.000-07:00

Hi,

I have created a plugin for Cute Editor. I tested on Internet Explorer, Google Chrome, Opera, Firefox and Safari. I can only insert an equation. I can't edit because I need some inside information about how the editor works. Cute Editor is not a free editor and for that reason I didn't put online a working version.

Source code and documentation on http://www.fmath.info/.

alex

Free plugin for mathematics for CKEditor

2010-08-06T06:33:00.000-07:00

Hi,

I have also created a plugin for CKEditor. I tested on Internet Explorer, Google Chrome, Opera, Firefox and Safari. Source code and documentation on www.fmath.info.

thank you,
alex

Plugin for mathematics for TinyMCE - version 1.2

2010-08-04T09:13:00.000-07:00

Hi,

A new version of TinyMCE plugin have been released.
It is working on Internet Explorer, Google Chrome, Opera, Firefox and Safari.

thank you

alex

Version 1.1 ready for download

2010-07-21T07:14:00.000-07:00

Hi,

A new version is ready for download on http://www.fmath.info/
List of changes:
Formula

Default settings for "mathmlViewer" for: size, color, font and background;
Api change for "mathmlViewer" to set default values;
Load the mathml from url - updated the documentation;
Implementation for: - mathsize: small, normal and big - attribute style from CSS: color, background and font-size font-weight font-style font-family - from mathml 3.0 standard;
Implementation for href and url;
Solved Internet Explorer bug which block to display the entities: &divideontimes; &gtcc; &gtcir; &gtdot; &gtlPar; &gtquest &gtrapprox; &gtrarr; &gtrdot; &gtreqless; &gtreqqless; &gtrless; &gtrsim; &ltcc; &ltcir; &ltdot; &lthree; &ltimes; &ltlarr; &ltquest; &ltri; &ltrie; &ltrif; &ltrPar; &notindot; &notinE; &notinva; &notinvb; &notinvc; &notniva; &notnivb; &notnivc; &notni; &parallel; &timesb; &timesbar; &timesd; · &copysr;
Add 53 characters from FE31-FE6B;
Add test suites from www.w3.org/Math;
Solved minor bugs;

Editor

Load configuration information from external xml file;
Texts are loaded from configuration file --> can be translated;
Add buttons for matrix;
Implementation to add a table/matrix more than 3x3;
Add background color chooser;

Graph

Solved some minor bugs from formula;

Plugin

Solved some minor bugs from formula;
Update the editor;

Flex

Solved focus problem when the component is used with a combobox;
Add default configuration for editor component;
Solved some minor bugs from formula;
Update the editor;

Flash

Solved some minor bugs from formula;
Update the editor;

alex

fMath Components - version 1.0 ready for download

2010-06-22T11:55:00.000-07:00

Hi,

After some years of work, finally the version 1.0 is out.
The last changes for MathML Editor:

Faster loading. I have changed the symbol manager to have a dynamic loading;
Add "Unicode Pannel" to navigate all the symbols by hexadecimal code;
Add "Last used symbols" toolbar. keep a list with the last used symbols;

The last changes for MathML Formula:

Add more symbols. Now I have more than 15.000 symbols (normal, bold, italic, bold-italic).
Dynamic symbol loading.
Do implementation for attributes: subscriptshift and subscriptshift for msup, msub and msubsup tags;

Thank you
alex

fMath plugin for TinyMCE - Online Html Editor

2010-05-21T07:49:00.000-07:00

Hi,

I have created a plugin for known Online Html Editor TinyMCE and upload on http://www.fmath.info/plugins/TinyMCE/demo.jsp

Features:

Add a new equation and display the formula in editor;
Edit the equations;
Source preview will show the code with MathML;
Save button will save the code with MathML;
Preview button will show you also the formula;

"MathML Editor" and "MathML Graph" free components for Flex

2010-04-20T08:04:00.000-07:00

Hi,

I have created another 2 free components for Flex Builder for Mathematics:

MathML Editor - a component to display an editor to build mathemathics formula;
MathML Graph - a component to display graphs;

To download the components, for examples and documentation go to: http://www.fmath.info/flex/download.jsp.

Thank you
alex

"MathML Formula" SWC Component for Flex

2010-04-14T12:28:00.000-07:00

Hi,

I have built a swc component for Flex to easy display MathML.
On the site http://www.fmath.info/ you have the component and the documentation.

Enjoy it
alex

Version 1.0 Beta ready with documentation

2010-04-06T11:15:00.000-07:00

Hi,
After some time I have a version 1.0 Beta to be tested. Also I have created a site where I want to keep/update the documentation http://www.fmath.info/.

The big features for this version are:

More than 6300 symbols and 18 fonts to display;
Changed the architecture to load only the symbols displayed;
Update the editor with all symbols and the new architecture;
Updated the graph module to have add/delete/edit formula;
Have a unified way to comunicate with javascript;
Add implementation for mspace linebreak="newline";

Web MathML Editor version 0.8

2009-08-19T07:30:00.000-07:00

Hi,

I released a new version for Web MathML Editor.
Changes:

add new toolbars;
add some useful, already written formula;
integrate the editor with "the viewer"

Also I integrate the editor in the MathML IDE Web project.

Thank you and I wait your opinion/suggestions on http://code.google.com/p/mathmleditor/issues/list

Web MathML Editor AS3 version

2009-06-26T10:52:00.000-07:00

The version AS3 for "MathML Editor" have been released at http://code.google.com/p/mathmleditor/

Also, I have added 2 more features: copy/paste and undo/redo.

Attention:
1. You must upgrade Flash CS4 with "Adobe Flash CS4 Professional Update (10.0.2)" to build large projects;
2. You must add in "External library path" the component myLib.swc from the folder "components". MyLib is a library from http://mylib.samystudio.net/. Thanks Samuel.

MathML Formula AS3 - version 0.6

2009-02-16T07:37:00.000-08:00

Hi
A the version 0.6 for "MathML Formula" have been released at http://code.google.com/p/mathmlformula/.

The improvements are:

implement mathml tags: ms, mspace and mpadded;
use attributes stretchy, maxsize, and minsize for arrows;
change fontsize --> mathsize and fontcolor --> mathcolor to conform with MathML 2.0 standard;
implement mathbackground;
implement the html-color-name, that is, as one of the color-name keywords defined in HTML4: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

MathML Editor version 0.7

2008-12-10T08:53:00.000-08:00

Hi,

A new version for Editor project have been released at http://www.learn-math.info/mathml.htm.

The main changes are:

Fixed bugs related to navigation;
Add features to allow you to send/receive the mathML value to/from Editor;
Fixed bugs related with current style;
Add a panel with the commands;

The project is hosted at http://code.google.com/p/mathmleditor/ and http://sourceforge.net/projects/mathmleditor.

The list of issues is opened to http://code.google.com/p/mathmleditor/issues/list where you can add comments, bugs or new features you want to be added.