convert HTML from TinyMCE to HTML readable by Flash

Matthieu — Wed, 16 Feb 2011 16:12:02 +0000

This as3 class is usefull to convert HTML from TinyMCE to HTML readable by Flash
TODO : find a way to center images

The class is available on this repository : http://www.wbxdev.com/svn/TinyMCEHtmlParser/

CKEditor to Flash HTML

Matthieu — Wed, 10 Nov 2010 09:58:22 +0000

This as3 class is usefull to convert HTML from CKEditor to HTML readable by Flash
It doesn’t process the tag and the class attribute yet.

package com.weebox {
 
	public class CKEditorHtmlParser {
 
		public static function parse(p_str:String):String {
			var xml:XML= new XML(""+p_str+"");
 
			calcXml(xml);
 
			var str:String= xml.children().toString();
 
			str= str.replace(/<([\/]*)em>/gi, "<$1I>");
			str= str.replace(/<([\/]*)strong>/gi, "<$1B>");
 
			// saut de ligne entre paragraphes
			str= str.replace(/<\/p>/gi, "

");
 
			return str;
		}
 
 
		private static function calcXml(p_xml:XML):void {
			var i:Number, k:Number;
 
			if (p_xml.localName() == "a") {				
				for each(var attr in p_xml.attributes()) {
					if (attr.localName().toString() != "href") {
						delete p_xml.@[attr.localName().toString()];
					}
				}
 
				p_xml.*= new XML("" + p_xml.* + "");
 
				p_xml.setLocalName("A");
			}
 
			if (p_xml.localName() == "p") {
				if (p_xml.@["class"].length() > 0) {
					delete p_xml.@["class"];
				}
 
				if (p_xml.@["style"].length() > 0) {
					p_xml.*= new XML(" + calcStyle(p_xml.@["style"]) + ">" + p_xml.* + "");
					delete p_xml.@["style"];
				}
 
				p_xml.setLocalName("P");
			}
 
			if (p_xml.localName() == "span") {
				var style:String, astyle:Array;
 
				if (p_xml.@["style"].length() > 0) {
					style= calcStyle(p_xml.@["style"].toString());
					astyle= style.split(";");
				}
 
				for each(var attr in p_xml.attributes()) {
					delete p_xml.@[attr.localName().toString()]
				}
 
				if (astyle && astyle.length > 0) {
					for each (var s:String in astyle) {
						if (s.length > 0 && s.match("=").length > 0) {
							var a:Array= s.split("=");
							p_xml.@[a[0]]= a[1].replace(/[\s]*"[\s]*/ig, "");
						}
					}
				}
 
				p_xml.setLocalName("FONT");
			}
 
			for (i=0; i\s+|"+|^)(font-size|font-family|color)[\s]*:[\s]*[^;]*;/gi).join(" ");
 
			// replace color attribute
			p_style= p_style.replace(/color:[\s]*(.*?)[ ]*;/gi, function regexpColorReplace(p_matched_substr:String, p_match_1:String, p_index:int, p_str:String):String { return 'COLOR="' + calcColor(p_match_1) + '" '; });
 
			// replace font-size attribute
			p_style = p_style.replace(/font-size:[\s]*([\d]+)([^;]+);/gi, "SIZE=\"$1\" ");
 
			// replace font-family attribute
			p_style = p_style.replace(/font-family:[\s]*(.*?);/gi, "FACE=\"$1\" ");
 
			return p_style;
		}
 
 
		private static function calcColor(p_color:String):String {
			p_color = p_color.replace("black", "#000000");
			p_color = p_color.replace("white", "#ffffff");
			p_color = p_color.replace("red", "#ff0000");
			p_color = p_color.replace("green", "#00ff00");
			p_color = p_color.replace("blue", "#0000ff");
			p_color = p_color.replace("yellow", "#ffff00");
			p_color = p_color.replace("aqua", "#00ffff");
			p_color = p_color.replace("fuchsia", "#ff00ff");
 
			// rgb(r, g, b) => #rgb
			p_color = p_color.replace(/rgb[(]([\d]{1,3})[, ]+([\d]{1,3})[, ]+([\d]{1,3})[)]/gi, function regexpColorReplace(p_matched_substr:String, p_match_1:String, p_match_2:String, p_match_3:String, p_index:int, p_str:String):String { var n:Number= Number(p_match_1)*0x10000 + Number(p_match_2)*0x100 + Number(p_match_3); return "#" + n.toString(16); });
 
			return p_color;
		}
 
	}
 
}

PageFlip with shadows

Matthieu — Wed, 06 May 2009 23:25:54 +0000

I took the very good PageFlip class from Didier Brun and added support for shadows. It adds 3 different shadows :

one shadow on the fixed page side
one shadow on the inside of the flipped page
one shadow on the outside of the flipped page

It doesn’t work with the vertical mode (!ish) but works ok with the horizontal mode

demo

download source

download demo source

ma.tthi.eu » as3

convert HTML from TinyMCE to HTML readable by Flash

CKEditor to Flash HTML

PageFlip with shadows