Igor Costa

The RTE is a great component but for some reason Adobe didn’t compete with best standards to prioritize or has their own way to not include a valid xhtml 1.1 code output to their current RTE. I hope with the next Flex 4 and Text Layout Framework things get better for RTE and really get a little bit more features.

Asides that Keep us with out lovely Flex 3 and enjoy this hack.

Level: intermediate

Requirements : Flex 3.2 SDK

Problems: RTE output a HTML 4.0 style and for some reason is not very acceptable when you are integrating with other technologies like Ajax. For this reason this hack got a simple two methods to do the job, removing that part of there’s no magic in the Regex uses , some elements are still missing like img, didn’t find a way to handle that. But in overall you can do a bunch things already.

The code bellow represents a two static methods that does the job, where you can really on this particular case or if you wish you can create your component or a class for this propose.

	/g;
                       str = str.replace(pattern, "
");
                       pattern = /
/g;
                       str = str.replace(pattern, "
");
                       pattern = /
/g;
                       str = str.replace(pattern, "
");
                       pattern = /<\/p>/g;
                       str = str.replace(pattern, "
");

                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /color:(.*?);/g;
                       str = str.replace(pattern, "COLOR=\"$1\" ");
                       pattern = /font-size:(.*?)px;/g;
                       str = str.replace(pattern, "SIZE=\"$1\" ");
                       pattern = /font-family:(.*?);/g;
                       str = str.replace(pattern, "FACE=\"$1\" ");
                       pattern = /text-align:(.*?);/g;
                       str = str.replace(pattern, "ALIGN=\"$1\" ");

                       pattern = /<\/span.*?>/g;
                       str = str.replace(pattern, "");

                       pattern= /<\/li>
/g;
                       str = str.replace(pattern, "
");
                       pattern= /<\/li><\/ul>/g;
                       str = str.replace(pattern, "
");
                       pattern= /

/g;
                       str = str.replace(pattern, "
");

                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/em>/g;
                       str = str.replace(pattern, "");
                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/strong>/g;
                       str = str.replace(pattern, "");
                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/u>/g;
                       str = str.replace(pattern, "");

                       // Remove extra white space
                       pattern = /  /g;
                       str = str.replace(pattern, " ");

                       return str;
               }

               public static function convertToXHtml(str:String):String
               {
                       var pattern:RegExp;

                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/TEXTFORMAT.*?>/g;
                       str = str.replace(pattern, "");

                       pattern = /
/g;
                       str = str.replace(pattern, "
");
                       pattern = /
/g;
                       str = str.replace(pattern, "
");
                       pattern = /
/g;
                       str = str.replace(pattern, "
");
                       pattern = /<\/P>/g;
                       str = str.replace(pattern, "

");

                       pattern = //g;
                       str = str.replace(pattern, "");

                       pattern = /COLOR=\"(.*?)\"/g;
                       str = str.replace(pattern, "color:$1;");

                       pattern = /SIZE=\"(.*?)\"/g;
                       str = str.replace(pattern, "font-size:$1px;");

                       pattern = /FACE=\"(.*?)\"/g;
                       str = str.replace(pattern, "font-family:$1;");

                       pattern = /ALIGN=\"(.*?)\"/g;
                       str = str.replace(pattern, "text-align:$1;");

                       pattern = /LETTERSPACING=\".*?\"/g;
                       str = str.replace(pattern, "");

                       pattern = /KERNING=\".*?\"/g;
                       str = str.replace(pattern, "");

                       pattern = /<\/FONT.*?>/g;
                       str = str.replace(pattern, "");

                       pattern= /<\/LI>
/g;
                       str = str.replace(pattern, "

");
                       pattern= /<\/LI>/g;
                       str = str.replace(pattern, "


");
                       pattern= /
/g;
                       str = str.replace(pattern, "

");

                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/I>/g;
                       str = str.replace(pattern, "");
                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/B>/g;
                       str = str.replace(pattern, "");
                       pattern = //g;
                       str = str.replace(pattern, "");
                       pattern = /<\/U>/g;
                       str = str.replace(pattern, "");

                       return str;
               }
	]]>