Summary: MathML for Web - using Adobe Flash Player
This blog will display all the major release changes from www.fmath.info.
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:
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.
regards
Ionel Alexandru

Date Published:
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).

Date Published: Feb 28, 2012 - 8:36 am
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

Date Published: Jan 25, 2012 - 9:29 am
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

Date Published: Nov 14, 2011 - 9:29 am
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.
thank you
ionel alexandru

Date Published: Aug 02, 2011 - 7:57 am
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:
-
regards
ionel alexandru

Date Published: Mar 23, 2011 - 9:49 am
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

Date Published: Feb 18, 2011 - 11:32 am
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/

Date Published: Jan 25, 2011 - 2:43 pm
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:
http://localhost/capture/imageCapture.jsp
thank you
alex

Date Published: Jan 05, 2011 - 2:14 pm
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:
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

Date Published: Nov 03, 2010 - 12:48 pm
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:
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

Date Published: Sep 15, 2010 - 7:51 am
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.
alex

Date Published: Aug 12, 2010 - 12:14 pm
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

Date Published: Aug 06, 2010 - 7:33 am
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

Date Published: Aug 04, 2010 - 10:13 am
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: ⋇ ⪧ ⩺ ⋗
⦕ >quest ⪆ ⥸
⋗ ⋛ ⪌ ≷
≳ ⪦ ⩹ ⋖ ⋋
⋉ ⥶ ⩻ ◃ ⊴
◂ ⦖ ⋵̸ ⋹̸
∉ ⋷ ⋶ ∌
⋾ ⋽ ∌ ∥
⊠ ⨱ ⨰ ·
℗
- 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

Date Published: Jul 21, 2010 - 8:14 am