redde 0.1.13 → 0.1.14

data/spec/dummy/app/assets/javascripts/redactor/redactor.js.erb

@@ -0,0 +1,2248 @@
+var RTOOLBAR = {};
+
+(function($){
+	
+	// Plugin
+	jQuery.fn.redactor = function(option)
+	{
+		return this.each(function() 
+		{
+			var $this = $(this);
+			
+			var data = $this.data('redactor');
+			if (!data) $this.data('redactor', (data = new Redactor(this, option)));
+		});
+	};
+	
+	
+	// Initialization
+	var Redactor = function(element, options)
+	{
+		// Element
+		this.$el = $(element);
+	
+		// Options
+		this.opts = $.extend({
+	
+			lang: 'en',
+			toolbar: 'default',
+
+			load: false,
+		
+			path: false,
+			css: '<%= asset_path("redactor/wym.css") %>',
+			focus: true,
+			resize: true,
+			autoresize: false,
+			fixed: false,
+	
+			autoformat: true,
+			cleanUp: true,
+			convertDivs: true,
+			removeClasses: true,
+			removeStyles: false,
+			convertLinks: true,
+			
+			handler: false, // false or url
+			
+			autosave: false, // false or url
+			interval: 60, // seconds
+	
+			imageGetJson: false, // url (ex. /folder/images.json ) or false
+
+			imageUpload: false, // url
+			linkFileUpload: false, // url
+			fileUpload: false, // url
+
+			visual: true,
+			fullscreen: false,
+			overlay: true, // modal overlay
+
+			colors: Array(
+				'#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
+				'#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
+				'#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
+				'#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
+				'#a5a5a5', '#262626', '#494429', '#17365d', '#366092', '#953734', '#76923c', '#5f497a', '#92cddc', '#e36c09', '#c09100',
+				'#7f7f7f', '#0c0c0c', '#1d1b10', '#0f243e', '#244061', '#632423', '#4f6128', '#3f3151', '#31859b', '#974806', '#7f6000'),
+
+			// private
+			allEmptyHtml: '<p><br /></p>',
+			mozillaEmptyHtml: '<p>&nbsp;</p>'
+
+
+		}, options, this.$el.data());
+	
+		this.dropdowns = [];
+	
+		// Init
+		this.init();
+	};
+
+	// Functionality
+	Redactor.prototype = {
+
+		// DYNAMICALLY LOAD
+		_loadFile: function(file, array)
+		{
+			var item = array[0];
+			array.splice(0, 1);
+
+			var callback;
+			if (typeof(item) == 'function') callback = item;
+			else callback = $.proxy(function() { this._loadFile(item, array); }, this);
+		
+			this.dynamicallyLoad(file, callback);
+		},
+		loadFiles: function(array)
+		{
+			var item = array[0];
+			array.splice(0, 1);
+
+			this._loadFile(item, array);
+		},
+		dynamicallyLoad: function (url, callback)
+		{
+			var head = document.getElementsByTagName("head")[0];
+			var script = document.createElement("script");
+			script.src = url;
+
+			var done = false;
+
+			script.onload = script.onreadystatechange = function()
+			{
+				if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete"))
+				{
+					done = true;
+					if (callback) callback();
+					script.onload = script.onreadystatechange = null;
+				}
+			};
+			
+			head.appendChild(script);
+
+		},
+
+		// Initialization
+		init: function()
+		{
+			// get path to styles
+			this.getPath();
+
+			if (this.opts.load)
+			{
+				// load files
+				var files = [];
+
+				files.push(this.opts.path + '/langs/' + this.opts.lang + '.js');
+				if (this.opts.toolbar !== false) files.push(this.opts.path + '/toolbars/' + this.opts.toolbar + '.js');
+				files.push($.proxy(this.start, this));
+
+				this.loadFiles(files);
+			}
+			else this.start();
+
+
+		},
+		start: function()
+		{
+
+			// get dimensions
+			this.height = this.$el.css('height');
+			this.width = this.$el.css('width');
+
+			// construct editor
+			this.build();
+
+			// get html
+			var html = this.$el.val();
+
+			// preformatter
+			html = this.preformater(html);
+			
+			// conver newlines to p
+			if (this.opts.autoformat) html = this.paragraphy(html);
+
+			// enable
+			this.$editor = this.enable(html);
+
+			// focus always on page
+			$(this.doc).click($.proxy(function(e) { this.$editor.focus(); }, this));
+	
+			// cleanup
+			$(this.doc).bind('paste', $.proxy(function(e)
+			{ 
+				setTimeout($.proxy(function ()
+				{
+					var node = $('<span id="pastemarkerend">&nbsp;</span>');
+					this.insertNodeAtCaret(node.get(0));
+	
+					this.pasteCleanUp();
+	
+				}, this), 200);
+				
+
+
+			}, this));
+
+			// keypress
+			$(this.doc).keypress($.proxy(function(e)
+			{
+				var key = e.keyCode || e.which;
+
+				// safari shift key + enter
+				if (navigator.userAgent.indexOf('AppleWebKit') != -1) return this.safariShiftKeyEnter(e, key);
+
+			}, this))
+
+			// keyup
+			.keyup($.proxy(function(e)
+			{
+				var key = e.keyCode || e.which;
+				
+				if (this.opts.autoformat)
+				{
+					// if empty
+					if (key == 8 || key == 46) return this.formatEmpty(e);
+
+					// new line p
+					if (key == 13 && !e.shiftKey && !e.ctrlKey && !e.metaKey) return this.formatNewLine(e);
+				}
+				//console.log(e);
+				this.syncCode();
+
+			}, this));
+			
+			// toolbar
+			this.buildToolbar();
+			
+			// resizer
+			if (this.opts.autoresize === false) this.buildResizer();
+			else this.observeAutoResize();
+
+			// shortcuts
+			this.shortcuts();
+
+			// autosave
+			this.autoSave();
+
+			// observers
+			this.observeImages();
+	
+			// fullscreen on start
+			if (this.opts.fullscreen) 
+			{
+				this.opts.fullscreen = false;
+				this.fullscreen();
+			}
+				
+			// focus
+			if (this.opts.focus) this.focus();
+
+			// fixed
+			if (this.opts.fixed)
+			{
+				this.observeScroll();
+				$(document).scroll($.proxy(this.observeScroll, this));
+			}
+		},
+		shortcuts: function()
+		{
+			$(this.doc).keydown($.proxy(function(e)
+			{
+				var key = e.keyCode || e.which;
+	
+				if (e.ctrlKey) 
+				{
+					if (key == 90) this._shortcuts(e, 'undo'); // Ctrl + z
+					else if (key == 90 && e.shiftKey) this._shortcuts(e, 'redo');	// Ctrl + Shift + z
+					else if (key == 77) this._shortcuts(e, 'removeFormat'); // Ctrl + m
+					else if (key == 66) this._shortcuts(e, 'bold'); // Ctrl + b
+					else if (key == 73) this._shortcuts(e, 'italic'); // Ctrl + i
+					else if (key == 74) this._shortcuts(e, 'insertunorderedlist'); // Ctrl + j
+					else if (key == 75) this._shortcuts(e, 'insertorderedlist'); // Ctrl + k
+					else if (key == 76) this._shortcuts(e, 'superscript'); // Ctrl + l
+				}
+	
+				if (!e.shiftKey && key == 9) this._shortcuts(e, 'indent'); // Tab
+				else if (e.shiftKey && key == 9 ) this._shortcuts(e, 'outdent'); // Shift + tab
+
+			}, this));
+
+		},
+		_shortcuts: function(e, cmd)
+		{
+			if (e.preventDefault) e.preventDefault();
+			this.execCommand(cmd, null);
+		},
+		getPath: function()
+		{
+			if (this.opts.path !== false) return this.opts.path;
+
+			$('script').each($.proxy(function(i,s)
+			{
+				if (s.src)
+				{
+					
+					// Match redactor.js or redactor.min.js, followed by an optional querystring (often used for cache purposes) 
+					var regexp = new RegExp(/\/redactor(\.min)?\.js(\?.*)?/);
+					if (s.src.match(regexp)) this.opts.path = s.src.replace(regexp, '');
+				}
+			}, this));
+
+		},
+		build: function()
+		{
+			// container
+			this.$box = $('<div class="redactor_box"></div>');
+	
+			// frame
+			this.$frame = $('<iframe frameborder="0" scrolling="auto" style="height: ' + this.height + ';" class="redactor_frame"></iframe>');
+
+			// hide textarea
+			this.$el.css('width', '100%').hide();
+
+			// append box and frame
+			this.$box.insertAfter(this.$el).append(this.$frame).append(this.$el);
+
+		},
+		write: function(html)
+		{
+			this.doc.open();
+			this.doc.write(html);
+			this.doc.close();
+		},
+		enable: function(html)
+		{
+			this.doc = this.getDoc(this.$frame.get(0));
+
+			if (this.doc !== null)
+			{
+				this.write(this.setDoc(html));
+				if ($.browser.mozilla) this.doc.execCommand("useCSS", false, true);
+				return $(this.doc).find('#page');
+			}
+			else return false;
+		},
+		setDoc: function(html)
+		{
+			var frameHtml = '<!DOCTYPE html>\n';
+			frameHtml += '<html><head><link media="all" type="text/css" href="' + this.opts.css + '" rel="stylesheet"></head>';
+			frameHtml += '<body><div id="page" contenteditable="true">';
+			frameHtml += html;
+			frameHtml += '</div></body></html>';
+			return frameHtml;
+		},		
+		getDoc: function(frame)
+		{
+			if (frame.contentDocument) return frame.contentDocument;
+			else if (frame.contentWindow && frame.contentWindow.document) return frame.contentWindow.document;
+			else if (frame.document) return frame.document;
+			else return null;
+		},
+		focus: function()
+		{
+			this.$editor.focus();
+		},
+		syncCode: function()
+		{
+			var html = this.formating(this.$editor.html());
+			this.$el.val(html);			
+		},
+		
+		// API functions
+		setCode: function(html)
+		{
+			html = this.preformater(html);
+
+			this.$editor.html(html).focus();
+
+			this.syncCode();
+		},
+		getCode: function()
+		{
+			var html = this.$editor ? this.$editor.html() : this.$el.val();
+			html = this.reformater(html);
+
+			return html;
+		},
+		insertHtml: function(html)
+		{
+			this.execCommand('inserthtml', html);
+		},
+		destroy: function()
+		{
+			var html = this.getCode();
+			
+			this.$box.after(this.$el);
+			this.$box.remove();
+			this.$el.val(html).show();
+			
+			this.dropdowns.forEach(function(dropdown, i)
+			{
+				dropdown.remove();
+				delete(this.dropdowns[i]);
+			}, this);
+		},
+		handler: function()
+		{
+			$.ajax({
+				url: this.opts.handler,
+				type: 'post',
+				data: 'redactor=' + escape(encodeURIComponent(this.getCode())),
+				success: $.proxy(function(data)
+				{
+					this.setCode(data);
+					this.syncCode();
+
+				}, this)
+			});
+
+		},
+		// end API functions
+
+		// OBSERVERS
+		observeImages: function()
+		{
+			if ($.browser.mozilla) this.doc.execCommand("enableObjectResizing", false, "false");
+			
+			$(this.doc).find('img').attr('unselectable', 'on').each($.proxy(function(i,s)
+			{
+				this.resizeImage(s);
+				
+			}, this));
+		
+		},
+		observeScroll: function()
+		{
+			var scrolltop = $(document).scrollTop();
+			var boxtop = this.$box.offset().top;
+		
+			if (scrolltop > boxtop)
+			{
+				this.fixed = true;
+				this.$toolbar.css({position: 'fixed', width: '100%'});
+			}
+			else
+			{
+				this.fixed = false;
+				this.$toolbar.css({position: 'relative', width: 'auto'});
+			}
+		},
+		observeAutoResize: function()
+		{
+			this.$editor.css({ 'min-height':this.$el.height()+'px' });
+			this.$frame.css({ 'overflow-x':'auto', 'overflow-y':'hidden' });
+			this.$frame.load($.proxy(this.setAutoSize, this));
+			$(this.doc).keyup($.proxy(this.setAutoSize, this));
+		},
+		setAutoSize: function()
+		{
+			this.$frame.height(this.$editor.outerHeight(true)+30);
+		},
+		
+		
+		// EXECCOMMAND
+		execCommand: function(cmd, param)
+		{
+			if (this.opts.visual && this.doc)
+			{
+				try
+				{
+					if ($.browser.msie) this.focus();
+
+					if (cmd == 'inserthtml' && $.browser.msie) this.doc.selection.createRange().pasteHTML(param);
+					else if (cmd == 'formatblock' && $.browser.msie) this.doc.execCommand(cmd, false, '<' +param + '>');
+					else
+					{
+						this.doc.execCommand(cmd, false, param);
+					}
+					
+					this.syncCode();
+					this.focus();
+				}
+				catch (e) { }
+
+			}
+		},
+		
+		// FORMAT NEW LINE
+		formatNewLine: function(e)
+		{
+			var parent = this.getParentNode();
+			if (parent.nodeName == 'DIV' && parent.id == 'page')
+			{
+				if (e.preventDefault) e.preventDefault();
+				
+				element = $(this.getCurrentNode());
+				if (element.get(0).tagName == 'DIV' && (element.html() == '' || element.html() == '<br>'))
+				{
+					newElement = $('<p>').append(element.clone().get(0).childNodes);
+					element.replaceWith(newElement);
+					newElement.html('<br />');
+					this.setFocusNode(newElement.get(0));
+
+					this.syncCode();
+					return false;
+				 }
+				 else this.syncCode();
+
+				// convert links
+				if (this.opts.convertLinks) this.$editor.linkify();
+			}
+			else 
+			{
+				this.syncCode();				
+				return true;
+			}
+		},
+
+		// SAFARI SHIFT KEY + ENTER
+		safariShiftKeyEnter: function(e, key)
+		{
+			if (e.shiftKey && key == 13)
+			{
+				if (e.preventDefault) e.preventDefault();
+			
+				var node1 = $('<span><br /></span>');
+				this.insertNodeAtCaret(node1.get(0));
+				this.setFocusNode(node1.get(0));
+
+				this.syncCode();
+				return false;
+			}
+		},
+		
+		// FORMAT EMPTY
+		formatEmpty: function(e)
+		{
+			var html = $.trim(this.$editor.html());
+			
+			if ($.browser.mozilla) html = html.replace(/<br>/gi, '');
+			
+			if (html === '')
+			{
+				if (e.preventDefault) e.preventDefault();
+				
+				var nodehtml = this.opts.allEmptyHtml;
+				if ($.browser.mozilla) nodehtml = this.opts.mozillaEmptyHtml;
+				
+				var node = $(nodehtml).get(0);
+				this.$editor.html(node);
+				this.setFocusNode(node);
+	
+				this.syncCode();				
+				return false;
+			}
+			else this.syncCode();
+		},
+
+		// PARAGRAPHY
+		paragraphy: function (str)
+		{
+			str = $.trim(str);
+			if (str === '')
+			{
+				if (!$.browser.mozilla) return this.opts.allEmptyHtml;
+				else return this.opts.mozillaEmptyHtml;
+			}
+			
+			// convert div to p
+			if (this.opts.convertDivs) str = str.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '<p>$2</p>');
+
+			// inner functions
+			var X = function(x, a, b) { return x.replace(new RegExp(a, 'g'), b); };
+			var R = function(a, b) { return X(str, a, b); };
+
+			// block elements
+			var blocks = '(table|thead|tfoot|caption|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|blockquote|address|math|style|script|object|input|param|p|h[1-6])';
+		
+			str += '\n';
+
+			R('<br />\\s*<br />', '\n\n');
+			R('(<' + blocks + '[^>]*>)', '\n$1');
+			R('(</' + blocks + '>)', '$1\n\n');
+			R('\r\n|\r', '\n'); // newlines
+			R('\n\n+', '\n\n'); // remove duplicates
+			R('\n?((.|\n)+?)$', '<p>$1</p>\n'); // including one at the end
+			R('<p>\\s*?</p>', ''); // remove empty p
+			R('<p>(<div[^>]*>\\s*)', '$1<p>');
+			R('<p>([^<]+)\\s*?(</(div|address|form)[^>]*>)', '<p>$1</p>$2');
+			R('<p>\\s*(</?' + blocks + '[^>]*>)\\s*</p>', '$1');
+			R('<p>(<li.+?)</p>', '$1');
+			R('<p>\\s*(</?' + blocks + '[^>]*>)', '$1');
+			R('(</?' + blocks + '[^>]*>)\\s*</p>', '$1');
+			R('(</?' + blocks + '[^>]*>)\\s*<br />', '$1');
+			R('<br />(\\s*</?(p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)', '$1');
+
+			// pre
+			if (str.indexOf('<pre') != -1)
+			{
+				R('(<pre(.|\n)*?>)((.|\n)*?)</pre>', function(m0, m1, m2, m3)
+				{
+					return X(m1, '\\\\([\'\"\\\\])', '$1') + X(X(X(m3, '<p>', '\n'), '</p>|<br />', ''), '\\\\([\'\"\\\\])', '$1') + '</pre>';
+				});
+			}
+
+			return R('\n</p>$', '</p>');
+		},
+
+		// PREPARE FORMATER
+		preformater: function(html)
+		{
+			html = html.replace(/<br>/gi,'<br />');
+
+			html = html.replace(/<blockquote\b[^>]*>([\w\W]*?)<p>([\w\W]*?)<\/p>([\w\W]*?)<\/blockquote[^>]*>/gi,'<blockquote>$1$2<br />$3</blockquote>');
+
+			html = html.replace(/<strong\b[^>]*>([\w\W]*?)<\/strong[^>]*>/gi,'<b>$1</b>');
+			html = html.replace(/<em\b[^>]*>([\w\W]*?)<\/em[^>]*>/gi,'<i>$1</i>');
+			html = html.replace(/<del\b[^>]*>([\w\W]*?)<\/del[^>]*>/gi,'<strike>$1</strike>');
+
+			return html;
+		},
+
+		// REVERT FORMATER
+		reformater: function(html)
+		{
+			html = html.replace(/<br>/gi,'<br />');
+
+			html = html.replace(/<b\b[^>]*>([\w\W]*?)<\/b[^>]*>/gi,'<strong>$1</strong>');
+			html = html.replace(/<i\b[^>]*>([\w\W]*?)<\/i[^>]*>/gi,'<em>$1</em>');
+			html = html.replace(/<strike\b[^>]*>([\w\W]*?)<\/strike[^>]*>/gi,'<del>$1</del>');
+			html = html.replace(/<span(.*?)style="font-weight: bold;">([\w\W]*?)<\/span>/gi, "<strong>$2</strong>");
+			html = html.replace(/<span(.*?)style="font-style: italic;">([\w\W]*?)<\/span>/gi, "<em>$2</em>");
+			html = html.replace(/<span(.*?)style="font-weight: bold; font-style: italic;">([\w\W]*?)<\/span>/gi, "<em><strong>$2</strong></em>");
+			html = html.replace(/<span(.*?)style="font-style: italic; font-weight: bold;">([\w\W]*?)<\/span>/gi, "<strong><em>$2</em></strong>");
+
+			return html;
+		},
+
+		// REMOVE CLASSES AND STYLES
+		cleanUpClasses: function(html)
+		{
+			html = html.replace(/\s*class="TOC(.*?)"/gi, "" );
+			html = html.replace(/\s*class="Heading(.*?)"/gi, "" );
+			html = html.replace(/\s*class="Body(.*?)"/gi, "" );
+
+			return html;
+		},
+		cleanUpStyles: function(html)
+		{
+
+			html = html.replace( /\s*mso-[^:]+:[^;"]+;?/gi, "" );
+			html = html.replace( /\s*margin(.*?)pt\s*;/gi, "" );
+			html = html.replace( /\s*margin(.*?)cm\s*;/gi, "" );
+			html = html.replace( /\s*text-indent:(.*?)\s*;/gi, "" );
+			html = html.replace( /\s*line-height:(.*?)\s*;/gi, "" );
+			html = html.replace( /\s*page-break-before: [^\s;]+;?"/gi, "\"" );
+			html = html.replace( /\s*font-variant: [^\s;]+;?"/gi, "\"" );
+			html = html.replace( /\s*tab-stops:[^;"]*;?/gi, "" );
+			html = html.replace( /\s*tab-stops:[^"]*/gi, "" );
+			html = html.replace( /\s*face="[^"]*"/gi, "" );
+			html = html.replace( /\s*face=[^ >]*/gi, "" );
+			html = html.replace( /\s*font:(.*?);/gi, "" );
+			html = html.replace( /\s*font-size:(.*?);/gi, "" );
+			html = html.replace( /\s*font-weight:(.*?);/gi, "" );
+			html = html.replace( /\s*font-family:[^;"]*;?/gi, "" );
+			html = html.replace(/<span style="Times New Roman&quot;">\s\n<\/span>/gi, '');
+
+			return html;
+
+		},
+		cleanUp: function(html)
+		{
+			// clean comments
+			html = html.replace(/(<\!\-\-([\w\W]*?)\-\->)/ig, "");
+		
+			if (this.opts.convertDivs)
+			{
+				html = html.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '<p$1>$2</p>');
+			}
+
+			// clean dirty
+			html = html.replace(/ lang="([\w\W]*?)"/gi, '');
+			html = html.replace(/<a name="(.*?)">([\w\W]*?)<\/a>/gi, '');
+			html = html.replace(/\&nbsp;\&nbsp;\&nbsp;/gi, ' ');
+			html = html.replace(/\&nbsp;\&nbsp;/gi, ' ');
+			html = html.replace(/<o:p>(.*?)<\/o:p>/gi, '');
+
+
+			// empty style
+			html = html.replace( /\s*style="\s*"/gi, '' );
+
+			// spans
+			html = html.replace(/<span>&nbsp;<\/span>/gi, '');
+			html = html.replace(/<span>([\w\W]*?)<\/span>/gi, '$1');
+			
+			return html;
+		},
+		removeTags: function(html)
+		{
+			return html.replace(/<(?!\s*\/?(code|span|div|label|a|br|p|b|i|del|strike|img|video|audio|iframe|object|embed|param|blockquote|mark|cite|small|ul|ol|li|hr|dl|dt|dd|sup|sub|big|pre|code|figure|figcaption|strong|em|table|tr|td|th|tbody|thead|tfoot|h1|h2|h3|h4|h5|h6)\b)[^>]+>/gi,"");
+		},
+		
+		// PASTE CLEANUP
+		pasteCleanUp: function()
+		{
+			var html = this.$editor.html();
+			
+			html = html.replace(/<span id="pastemarkerend">&nbsp;<\/span>/, '#marker#');
+			
+			html = this.formating(html);
+			html = this.cleanUp(html);
+	
+			if (this.opts.removeClasses) html = html.replace(/ class="([\w\W]*?)"/gi, '');
+			else html = this.cleanUpClasses(html);
+			
+			if (this.opts.removeStyles) html = html.replace(/ style="([\w\W]*?)"/gi, '');
+			else html = this.cleanUpStyles(html);
+
+			html = this.cleanUp(html);
+			html = this.formating(html);
+			
+			html = html.replace(/<b(.*?)id="internal-source-marker(.*?)">([\w\W]*?)<\/b>/gi, "$3");
+
+			html = html.replace(/#marker#/, '<span id="pastemarkerend">&nbsp;</span>');
+
+			this.$editor.html(html);
+
+			var node = $(this.doc.body).find('#pastemarkerend').get(0);
+			this.setFocusNode(node);
+
+			this.syncCode();
+			this.observeImages();
+		},
+		
+		// TEXTAREA CODE FORMATTING
+		formating: function (html)
+		{
+			// lowercase
+			if ($.browser.msie)
+			{
+				html = html.replace(/<*(\/ *)?(\w+)/g, function(w) { return w.toLowerCase(); });
+				html = html.replace(/style="(.*?)"/g, function(w) { return w.toLowerCase(); });
+				html = html.replace(/ jQuery(.*?)=\"(.*?)\"/gi, '');
+			}
+
+			html = html.replace(/<font([\w\W]*?)color="(.*?)">([\w\W]*?)<\/font\>/gi, '<span style="color: $2;">$3</span>');
+			html = html.replace(/<font([\w\W]*?)>([\w\W]*?)<\/font\>/gi, "<span$1>$2</span>");
+			html = html.replace(/<span>([\w\W]*?)<\/span>/gi, '$1');
+
+			// mini clean
+			html = html.replace(/ class="Apple-style-span"/gi, '');
+			html = html.replace(/ class="Apple-tab-span"/gi, '');
+			html = html.replace(/<p><p>/g, '<p>');
+			html = html.replace(/<\/p><\/p>/g, '</p>');
+			html = html.replace(/<hr(.*?)>/g, '<hr />');
+			html = html.replace(/<p>&nbsp;/g, '<p>');
+			html = html.replace(/<p><ul>/g, '<ul>');
+			html = html.replace(/<p><ol>/g, '<ol>');
+			html = html.replace(/<\/ul><\/p>/g, '</ul>');
+			html = html.replace(/<\/ol><\/p>/g, '</ol>');
+			html = html.replace( /<p(.*?)>&nbsp;<\/p>/gi, '');
+
+			// remove formatting
+			html = html.replace(/[\t]*/g, '');
+			html = html.replace(/\n\s*\n/g, "\n");
+			html = html.replace(/^[\s\n]*/, '');
+			html = html.replace(/[\s\n]*$/, '');
+
+			// empty tags
+			var etags = ["<pre></pre>","<blockquote>\\s*</blockquote>","<em>\\s*</em>","<b>\\s*</b>","<ul></ul>","<ol></ol>","<li></li>","<table></table>","<tr></tr>","<span>\\s*<span>", "<span>&nbsp;<span>", "<p>\\s*</p>", "<p>&nbsp;</p>",  "<p>\\s*<br>\\s*</p>", "<div>\\s*</div>", "<div>\\s*<br>\\s*</div>"];
+			for (var i = 0; i < etags.length; ++i)
+			{
+				var bbb = etags[i];
+				html = html.replace(new RegExp(bbb,'gi'), "");
+			}
+			
+			
+			// add formatting before
+			var lb = '\r\n';
+			var btags = ["<form","<fieldset","<legend","<object","<embed","<select","<option","<input","<textarea","<pre","<blockquote","<ul","<ol","<li","<dl","<dt","<dd","<table", "<thead","<tbody","<caption","</caption>","<th","<tr","<td","<figure"];
+			for (var i = 0; i < btags.length; ++i)
+			{
+				var eee = btags[i];
+				html = html.replace(new RegExp(eee,'gi'),lb+eee);
+			}
+			
+			// add formatting after
+			var atags = ['</p>', '</div>', '</ul>', '</ol>', '</h1>', '</h2>', '</h3>', '</h4>', '</h5>', '</h6>', '<br>', '<br />', '</dl>', '</dt>', '</dd>', '</form>', '</blockquote>', '</pre>', '</legend>', '</fieldset>', '</object>', '</embed>', '</textarea>', '</select>', '</option>', '</table>', '</thead>', '</tbody>', '</tr>', '</td>', '</th>', '</figure>'];
+			for (var i = 0; i < atags.length; ++i)
+			{
+				var aaa = atags[i];
+				html = html.replace(new RegExp(aaa,'gi'),aaa+lb);
+			}
+
+			// indenting
+			html = html.replace(/<li/g, "\t<li");
+			html = html.replace(/<tr/g, "\t<tr");
+			html = html.replace(/<td/g, "\t\t<td");
+			html = html.replace(/<\/tr>/g, "\t</tr>");
+
+			return html;
+		},
+
+		// TOGGLE
+		toggle: function()
+		{
+			var html;
+		
+			if (this.opts.visual)
+			{
+				this.$frame.hide();
+				
+				html = this.$editor.html();
+				html = $.trim(this.formating(html));
+				
+				this.$el.val(html).show().focus();
+				
+				this.setBtnActive('html');
+				this.opts.visual = false;
+			}
+			else
+			{
+				this.$el.hide();
+				
+				this.$editor.html(this.$el.val());
+
+				this.$frame.show();
+
+				if (this.$editor.html() === '')
+				{
+					if (!$.browser.mozilla) html = this.opts.allEmptyHtml;
+					else html = this.opts.mozillaEmptyHtml;
+
+					this.setCode(html);
+				}
+
+				this.focus();
+				
+				this.setBtnInactive('html');
+				this.opts.visual = true;
+				this.observeImages();
+			}
+		},
+
+		// AUTOSAVE
+		autoSave: function()
+		{
+			if (this.opts.autosave === false) return false;
+	
+			setInterval($.proxy(function()
+			{
+				$.post(this.opts.autosave, { data: this.getCode() });
+
+			}, this), this.opts.interval*1000);
+		},
+
+		// TOOLBAR
+		buildToolbar: function()
+		{
+			if (this.opts.toolbar === false) return false;
+		
+			this.$toolbar = $('<ul>').addClass('redactor_toolbar');
+			this.$box.prepend(this.$toolbar);
+			
+			$.each(RTOOLBAR[this.opts.toolbar], $.proxy(function(key,s)
+			{
+				if (this.opts.fileUpload === false && key == 'file') return true;
+			
+				var li = $('<li>');
+				
+				if (key == 'fullscreen') $(li).addClass('redactor_toolbar_right');
+
+				var a = this.buildButton(key, s);
+
+				// dropdown
+				if (key == 'backcolor' || key == 'fontcolor' || typeof(s.dropdown) != 'undefined')
+				{
+					var dropdown = $('<div class="redactor_dropdown" style="display: none;">');
+					
+					if (key == 'backcolor' || key == 'fontcolor') dropdown = this.buildColorPicker(dropdown, key);
+					else dropdown = this.buildDropdown(dropdown, s.dropdown);
+
+					this.dropdowns.push(dropdown.appendTo($(document.body)));
+
+					// observing dropdown
+					this.hdlHideDropDown = $.proxy(function(e) { this.hideDropDown(e, dropdown, key); }, this);
+					this.hdlShowDropDown = $.proxy(function(e) { this.showDropDown(e, dropdown, key); }, this);
+
+					a.click(this.hdlShowDropDown);
+				}
+
+				this.$toolbar.append($(li).append(a));
+				if (typeof(s.separator) != 'undefined') this.$toolbar.append($('<li class="redactor_separator"></li>'));
+
+			}, this));
+
+			$(document).click(this.hdlHideDropDown);
+			$(this.doc).click(this.hdlHideDropDown);
+
+		},
+		buildButton: function(key, s)
+		{
+			var button = $('<a href="javascript:void(null);" title="' + s.title + '" class="redactor_btn_' + key + '"><span>&nbsp;</span></a>');
+			if (typeof(s.func) == 'undefined') button.click($.proxy(function() { this.execCommand(s.exec, key); }, this));
+			else if (s.func != 'show') button.click($.proxy(function(e) { this[s.func](e); }, this));
+
+			return button;
+		},
+		buildDropdown: function(dropdown, obj)
+		{
+			$.each(obj, $.proxy(
+				function (x, d)
+				{
+					if (typeof(d.style) == 'undefined') d.style = '';
+					
+					var drop_a;
+					if (d.name == 'separator') drop_a = $('<a class="redactor_separator_drop">');
+					else
+					{
+						drop_a = $('<a href="javascript:void(null);" style="' + d.style + '">' + d.title + '</a>');
+
+						if (typeof(d.func) == 'undefined') $(drop_a).click($.proxy(function() { this.execCommand(d.exec, x); }, this));
+						else $(drop_a).click($.proxy(function(e) { this[d.func](e); }, this));
+					}
+
+					$(dropdown).append(drop_a);
+					
+				}, this)
+			);
+
+			return dropdown;
+
+		},
+		buildColorPicker: function(dropdown, key)
+		{
+			var mode;
+			if (key == 'backcolor')
+			{
+				if ($.browser.msie) mode = 'BackColor';
+				else mode = 'hilitecolor';
+			}
+			else mode = 'forecolor';
+			
+			$(dropdown).width(210);
+
+			var len = this.opts.colors.length;
+			for (var i = 0; i < len; ++i)
+			{
+				var color = this.opts.colors[i];
+
+				var swatch = $('<a rel="' + color + '" href="javascript:void(null);" class="redactor_color_link"></a>').css({ 'backgroundColor': color });
+				$(dropdown).append(swatch);
+
+				var _self = this;
+				$(swatch).click(function() { _self.execCommand(mode, $(this).attr('rel')); });
+			}
+
+			var elnone = $('<a href="javascript:void(null);" class="redactor_color_none"></a>').html(RLANG.none);
+
+			if (key == 'backcolor')	elnone.click($.proxy(this.setBackgroundNone, this));
+			else elnone.click($.proxy(this.setColorNone, this));
+
+			$(dropdown).append(elnone);
+
+			return dropdown;
+		},
+		setBackgroundNone: function()
+		{
+			$(this.getParentNode()).css('background-color', 'transparent');
+			this.syncCode();
+		},
+		setColorNone: function()
+		{
+			$(this.getParentNode()).attr('color', '').css('color', '');
+			this.syncCode();
+		},
+		
+		// DROPDOWNS
+		showDropDown: function(e, dropdown, key)
+		{
+			this.hideAllDropDown();
+
+			this.setBtnActive(key);
+			this.getBtn(key).addClass('dropact');
+
+			var left = this.getBtn(key).offset().left;
+			
+			
+			if (this.opts.fixed && this.fixed)
+			{
+				$(dropdown).css({ position: 'fixed', left: left + 'px', top: '30px' }).show();
+			}
+			else 
+			{
+				var top = this.$toolbar.offset().top + 30;
+				$(dropdown).css({ position: 'absolute', left: left + 'px', top: top + 'px' }).show();
+			}
+			
+		},
+		hideAllDropDown: function()
+		{
+			this.$toolbar.find('a.dropact').removeClass('act').removeClass('dropact');
+			$('.redactor_dropdown').hide();
+		},
+		hideDropDown: function(e, dropdown, key)
+		{
+			if (!$(e.target).parent().hasClass('dropact'))
+			{
+				$(dropdown).removeClass('act');
+				this.showedDropDown = false;
+				this.hideAllDropDown();
+			}
+		},
+		
+		// SELECTION AND NODE MANIPULATION
+		getSelection: function ()
+		{
+			if (this.$frame.get(0).contentWindow.getSelection) return this.$frame.get(0).contentWindow.getSelection();
+			else if (this.$frame.get(0).contentWindow.document.selection) return this.$frame.get(0).contentWindow.document.selection.createRange();
+		},
+		getParentNode: function()
+		{
+			if (window.getSelection) return this.getSelection().getRangeAt(0).startContainer.parentNode;
+			else if (document.selection) return this.getSelection().parentElement();
+		},
+		getCurrentNode: function()
+		{
+			if (window.getSelection) return this.getSelection().getRangeAt(0).startContainer;
+			else if (document.selection) return this.getSelection();
+		},
+		setFocusNode: function(node, toStart)
+		{
+			var range = this.doc.createRange();
+
+			var selection = this.getSelection();
+			toStart = toStart ? 0 : 1;
+	
+			if (selection !== null)
+			{
+				range.selectNodeContents(node);
+				selection.addRange(range);
+				selection.collapse(node, toStart);
+			}
+
+			this.focus();
+		},
+		insertNodeAtCaret: function (node)
+		{
+			if (typeof window.getSelection != "undefined")
+			{
+				var sel = this.getSelection();
+				if (sel.rangeCount) 
+				{
+					var range = sel.getRangeAt(0);
+					range.collapse(false);
+					range.insertNode(node);
+					range = range.cloneRange();
+					range.selectNodeContents(node);
+					range.collapse(false);
+					sel.removeAllRanges();
+					sel.addRange(range);
+				}
+			}
+			else if (typeof document.selection != "undefined" && document.selection.type != "Control")
+			{
+				var html = (node.nodeType == 1) ? node.outerHTML : node.data;
+				var id = "marker_" + ("" + Math.random()).slice(2);
+				html += '<span id="' + id + '"></span>';
+				var textRange = this.getSelection();
+				textRange.collapse(false);
+				textRange.pasteHTML(html);
+				var markerSpan = document.getElementById(id);
+				textRange.moveToElementText(markerSpan);
+				textRange.select();
+				markerSpan.parentNode.removeChild(markerSpan);
+			}
+		},
+
+		// BUTTONS MANIPULATIONS
+		getBtn: function(key)
+		{
+			return $(this.$toolbar.find('a.redactor_btn_' + key));
+		},
+		setBtnActive: function(key)
+		{
+			this.getBtn(key).addClass('act');
+		},
+		setBtnInactive: function(key)
+		{
+			this.getBtn(key).removeClass('act');
+		},
+		changeBtnIcon: function(key, classname)
+		{
+			this.getBtn(key).addClass('redactor_btn_' + classname);
+		},
+		removeBtnIcon: function(key, classname)
+		{
+			this.getBtn(key).removeClass('redactor_btn_' + classname);
+		},
+		removeBtn: function(key)
+		{
+			this.getBtn(key).remove();
+		},
+		addBtn: function(key, obj)
+		{
+			this.$toolbar.append($('<li>').append(this.buildButton(key, obj)));
+		},
+		
+		// FULLSCREEN
+		fullscreen: function()
+		{
+			var html;
+		
+			if (this.opts.fullscreen === false)
+			{
+				this.changeBtnIcon('fullscreen', 'normalscreen');
+				this.setBtnActive('fullscreen');
+				this.opts.fullscreen = true;
+				
+				this.height = this.$frame.css('height');
+				this.width = (this.$box.width() - 2) + 'px';
+				
+				html = this.getCode();
+	
+				this.tmpspan = $('<span></span>');
+				this.$box.addClass('redactor_box_fullscreen').after(this.tmpspan);
+				
+				$(document.body).prepend(this.$box).css('overflow', 'hidden');
+	
+				this.$editor = this.enable(html);				
+				
+				$(this.doc).click($.proxy(this.hideAllDropDown, this));
+				// focus always on page
+				$(this.doc).click($.proxy(function(e) { this.$editor.focus(); }, this));
+				
+				this.observeImages();
+				this.$box.find('.redactor_resizer').hide();
+
+				this.fullScreenResize();
+				$(window).resize($.proxy(this.fullScreenResize, this));
+				$(document).scrollTop(0,0);
+				this.focus();
+		
+			}
+			else
+			{
+				this.removeBtnIcon('fullscreen', 'normalscreen');
+				this.setBtnInactive('fullscreen');
+				this.opts.fullscreen = false;
+	
+				$(window).unbind('resize', $.proxy(this.fullScreenResize, this));
+				$(document.body).css('overflow', '');
+				
+				html = this.getCode();
+				
+				this.$box.removeClass('redactor_box_fullscreen').css('width', 'auto');
+				
+				this.tmpspan.after(this.$box).remove();
+			
+				this.$editor = this.enable(html);
+				
+				this.observeImages();
+				this.observeAutoResize();
+				this.$box.find('.redactor_resizer').show();
+				
+				$(this.doc).click($.proxy(this.hideAllDropDown, this));
+				// focus always on page
+				$(this.doc).click($.proxy(function(e) { this.$editor.focus(); }, this));
+				
+				this.syncCode();
+				
+				this.$frame.css('height', this.height);
+				this.$el.css('height', this.height);
+				this.focus();
+			}
+		},
+		fullScreenResize: function()
+		{
+			if (this.opts.fullscreen === false) return;
+			
+			var hfix = 42;
+			if (this.opts.air) hfix = 2;
+			
+			var height = $(window).height() - hfix;		
+			
+			this.$box.width($(window).width() - 2);
+			this.$frame.height(height);
+			this.$el.height(height);
+		},
+
+		// RESIZE
+		buildResizer: function()
+		{
+			if (this.opts.resize === false) return false;
+			
+			this.$resizer = $('<div class="redactor_resizer">&mdash;</div>');
+			this.$box.append(this.$resizer);
+	
+			this.$resizer.mousedown($.proxy(this.initResize, this));
+
+		},
+		initResize: function(e)
+		{
+			if (e.preventDefault) e.preventDefault();
+
+			this.splitter = e.target;
+
+			if (this.opts.visual)
+			{
+				this.element_resize = this.$frame;
+				this.element_resize.get(0).style.visibility = 'hidden';
+				this.element_resize_parent = this.$el;
+			}
+			else
+			{
+				this.element_resize = this.$el;
+				this.element_resize_parent = this.$frame;
+			}
+
+			this.stopResizeHdl = $.proxy(this.stopResize, this);
+			this.startResizeHdl = $.proxy(this.startResize, this);
+			this.resizeHdl =  $.proxy(this.resize, this);
+
+			$(document).mousedown(this.startResizeHdl);
+			$(document).mouseup(this.stopResizeHdl);
+			$(this.splitter).mouseup(this.stopResizeHdl);
+
+			this.null_point = false;
+			this.h_new = false;
+			this.h = this.element_resize.height();
+		},
+		startResize: function()
+		{
+			$(document).mousemove(this.resizeHdl);
+		},
+		resize: function(e)
+		{
+			if (e.preventDefault) e.preventDefault();
+
+			var y = e.pageY;
+			if (this.null_point === false) this.null_point = y;
+			if (this.h_new === false) this.h_new = this.element_resize.height();
+	
+			var s_new = (this.h_new + y - this.null_point) - 10;
+	
+			if (s_new <= 30) return true;
+	
+			if (s_new >= 0)
+			{
+				this.element_resize.get(0).style.height = s_new + 'px';
+				this.element_resize_parent.get(0).style.height = s_new + 'px';
+			}
+		},
+		stopResize: function(e)
+		{
+			$(document).unbind('mousemove', this.resizeHdl);
+			$(document).unbind('mousedown', this.startResizeHdl);
+			$(document).unbind('mouseup', this.stopResizeHdl);
+			$(this.splitter).unbind('mouseup', this.stopResizeHdl);
+			
+			this.element_resize.get(0).style.visibility = 'visible';
+		},
+		
+		// RESIZE IMAGES
+		resizeImage: function(resize)
+		{
+			var clicked = false;
+			var clicker = false;
+			var start_x;
+			var start_y;
+			var ratio = $(resize).width()/$(resize).height();
+
+			var y = 1;
+			var x = 1;
+			var min_w = 1;
+			var min_h = 1;
+
+			$(resize).hover(function(){$(resize).css('cursor', 'nw-resize');}, function(){$(resize).css('cursor','default');clicked=false;});
+
+			$(resize).mousedown(function(e)
+			{
+				if (e.preventDefault) e.preventDefault();
+
+				clicked = true;
+				clicker = true;
+
+				start_x = Math.round(e.pageX - $(resize).eq(0).offset().left);
+				start_y = Math.round(e.pageY - $(resize).eq(0).offset().top);
+			});
+			
+			$(resize).mouseup($.proxy(function(e)
+			{
+				clicked = false;
+				this.syncCode();
+			}, this));
+			
+			$(resize).click($.proxy(function(e)
+			{
+				if (clicker) this.imageEdit(e);
+	
+			}, this));
+
+			$(resize).mousemove(function(e)
+			{
+				if (clicked)
+				{
+					clicker = false;
+				
+					var mouse_x = Math.round(e.pageX - $(this).eq(0).offset().left) - start_x;
+					var mouse_y = Math.round(e.pageY - $(this).eq(0).offset().top) - start_y;
+					
+					var div_h = $(resize).height();
+					
+					var new_h = parseInt(div_h)+mouse_y;
+					var new_w = new_h*ratio;
+					
+					
+					
+					if(x==1 || (typeof(x) == "number" && new_w < x && new_w > min_w) ){ $(resize).width(new_w); }
+					if(y==1 || (typeof(y) == "number" && new_h < y && new_h > min_h) ){ $(resize).height(new_h); }
+					start_x = Math.round(e.pageX - $(this).eq(0).offset().left);
+					start_y = Math.round(e.pageY - $(this).eq(0).offset().top);
+				}
+			});
+		},
+
+		// TABLE
+		showTable: function()
+		{
+			this.modalInit(RLANG.table, '<%= asset_path "redactor/plugins/table.html" %>', 300, $.proxy(function()
+			{
+				$('#redactor_table_rows').focus();
+				$('#redactor_insert_table_btn').click($.proxy(this.insertTable, this));
+
+			}, this));
+		},
+		insertTable: function()
+		{
+			var rows = $('#redactor_table_rows').val();
+			var columns = $('#redactor_table_columns').val();
+			
+			var table_box = $('<div></div>');
+			
+			var tableid = Math.floor(Math.random() * 99999);
+			var table = $('<table id="table' + tableid + '"><tbody></tbody></table>');
+			
+			for (var i = 0; i < rows; i++)
+			{
+				var row = $('<tr></tr>');
+				for (var z = 0; z < columns; z++)
+				{
+					var column = $('<td>&nbsp;</td>');
+					$(row).append(column);
+				}
+				$(table).append(row);
+			}
+			
+			$(table_box).append(table);
+			var html = $(table_box).html();
+			
+			if ($.browser.msie) html += '<p></p>';
+			else html += '<p>&nbsp;</p>';
+
+			this.execCommand('inserthtml', html);
+			this.modalClose();
+			
+			this.$table = $(this.doc).find('body').find('#table' + tableid);
+			this.$table.click($.proxy(this.tableObserver, this));
+		},
+		tableObserver: function(e)
+		{
+			this.$table = $(e.target).parents('table');
+
+			this.$table_tr = this.$table.find('tr');
+			this.$table_td = this.$table.find('td');
+	
+			this.$table_td.removeClass('current');
+	
+			this.$tbody = $(e.target).parents('tbody');
+			this.$thead = $(this.$table).find('thead');
+	
+			this.$current_td = $(e.target);
+			this.$current_td.addClass('current');
+			
+			this.$current_tr = $(e.target).parents('tr');
+		},
+		deleteTable: function()
+		{
+			$(this.$table).remove();
+			this.$table = false;
+			this.syncCode();
+		},
+		deleteRow: function()
+		{
+			$(this.$current_tr).remove();
+			this.syncCode();
+		},
+		deleteColumn: function()
+		{
+			var index = $(this.$current_td).get(0).cellIndex;
+			
+			$(this.$table).find('tr').each(function()
+			{
+				$(this).find('td').eq(index).remove();
+			});
+			
+			this.syncCode();
+		},
+		addHead: function()
+		{
+			if ($(this.$table).find('thead').size() !== 0) this.deleteHead();
+			else
+			{
+				var tr = $(this.$table).find('tr').first().clone();
+				tr.find('td').html('&nbsp;');
+				this.$thead = $('<thead></thead>');
+				this.$thead.append(tr);
+				$(this.$table).prepend(this.$thead);
+				this.syncCode();
+			}
+		},
+		deleteHead: function()
+		{
+			$(this.$thead).remove();
+			this.$thead = false;
+			this.syncCode();
+		},
+		insertRowAbove: function()
+		{
+			this.insertRow('before');
+		},
+		insertRowBelow: function()
+		{
+			this.insertRow('after');
+		},
+		insertColumnLeft: function()
+		{
+			this.insertColumn('before');
+		},
+		insertColumnRight: function()
+		{
+			this.insertColumn('after');
+		},
+		insertRow: function(type)
+		{
+			var new_tr = $(this.$current_tr).clone();
+			new_tr.find('td').html('&nbsp;');
+			if (type == 'after') $(this.$current_tr).after(new_tr);
+			else $(this.$current_tr).before(new_tr);
+
+			this.syncCode();
+		},
+		insertColumn: function(type)
+		{
+			var index = 0;
+
+			this.$current_td.addClass('current');
+
+			this.$current_tr.find('td').each(function(i,s)
+			{
+				if ($(s).hasClass('current')) index = i;
+			});
+
+			this.$table_tr.each(function(i,s)
+			{
+				var current = $(s).find('td').eq(index);
+				
+				var td = current.clone();
+				td.html('&nbsp;');
+				
+				if (type == 'after') $(current).after(td);
+				else $(current).before(td);
+
+			});
+
+			this.syncCode();
+		},
+
+		// INSERT VIDEO
+		showVideo: function()
+		{
+			if ($.browser.msie) this.markerIE();
+
+			this.modalInit(RLANG.video, '<%= asset_path "redactor/plugins/video.html" %>', 600, $.proxy(function()
+			{
+				$('#redactor_insert_video_area').focus();
+				$('#redactor_insert_video_btn').click($.proxy(this.insertVideo, this));
+
+			}, this));
+		},
+		insertVideo: function()
+		{
+			var data = $('#redactor_insert_video_area').val();
+
+			if ($.browser.msie)
+			{
+				$(this.doc.getElementById('span' + this.spanid)).after(data).remove();
+				this.syncCode();
+			}
+			else this.execCommand('inserthtml', data);
+
+			this.modalClose();
+		},
+
+		// INSERT IMAGE
+		imageEdit: function(e)
+		{
+			var $el = $(e.target);
+			var parent = $el.parent();
+
+			var handler = $.proxy(function()
+			{
+				$('#redactor_file_alt').val($el.attr('alt'));
+				$('#redactor_image_edit_src').attr('href', $el.attr('src'));
+				$('#redactor_form_image_align').val($el.css('float'));
+
+				if ($(parent).get(0).tagName == 'A') $('#redactor_file_link').val($(parent).attr('href'));
+
+				$('#redactor_image_delete_btn').click($.proxy(function() { this.imageDelete($el); }, this));
+				$('#redactorSaveBtn').click($.proxy(function() { this.imageSave($el); }, this));
+
+			}, this);
+
+			this.modalInit(RLANG.image, '<%= asset_path "redactor/plugins/image_edit.html" %>', 380,  handler);
+
+		},
+		imageDelete: function(el)
+		{
+			$(el).remove();
+			this.modalClose();
+			this.syncCode();
+		},
+		imageSave: function(el)
+		{
+			var parent = $(el).parent();
+
+			$(el).attr('alt', $('#redactor_file_alt').val());
+	
+			var floating = $('#redactor_form_image_align').val();
+		
+			if (floating == 'left') $(el).css({ 'float': 'left', margin: '0 10px 10px 0' });
+			else if (floating == 'right') $(el).css({ 'float': 'right', margin: '0 0 10px 10px' });
+			else $(el).css({ 'float': 'none', margin: '0' });
+			
+			// as link
+			var link = $.trim($('#redactor_file_link').val());
+			if (link !== '')
+			{
+				if ($(parent).get(0).tagName != 'A')
+				{
+					$(el).replaceWith('<a href="' + link + '">' + this.outerHTML(el) + '</a>');
+				}
+				else
+				{
+					$(parent).attr('href', link);
+				}
+			}
+
+			this.modalClose();
+			this.observeImages();
+			this.syncCode();
+			
+		},
+		showImage: function()
+		{
+			if ($.browser.msie) this.markerIE();
+
+			var handler = $.proxy(function()
+			{
+				// json
+				if (this.opts.imageGetJson !== false)
+				{
+					$.getJSON(this.opts.imageGetJson, $.proxy(function(data) {
+						
+						$.each(data, $.proxy(function(key, val)
+						{
+							var img = $('<img src="' + val.thumb + '" rel="' + val.image + '" />');
+							$('#redactor_image_box').append(img);
+							$(img).click($.proxy(this.imageSetThumb, this));
+							
+						}, this));
+
+					}, this));
+				}
+				else
+				{
+					$('#redactor_tabs a').eq(1).remove();
+				}
+				
+				if (this.opts.imageUpload !== false)
+				{
+					// dragupload
+					if ($('#redactor_file').size() !== 0)
+					{
+						$('#redactor_file').dragupload(
+						{
+							url: this.opts.imageUpload,
+							success: $.proxy(this.imageUploadCallback, this)
+						});
+					}
+
+					// ajax upload
+					this.uploadInit('redactor_file', { auto: true, url: this.opts.imageUpload, success: $.proxy(this.imageUploadCallback, this)  });
+				}
+				else
+				{
+					$('.redactor_tab').hide();
+					if (this.opts.imageGetJson === false) 
+					{
+						$('#redactor_tabs').remove();
+						$('#redactor_tab3').show();
+					}
+					else 
+					{
+						var tabs = $('#redactor_tabs a');
+						tabs.eq(0).remove();
+						tabs.eq(1).addClass('redactor_tabs_act');						
+						$('#redactor_tab2').show();
+					}
+				}
+
+				$('#redactor_upload_btn').click($.proxy(this.imageUploadCallbackLink, this));
+
+			}, this);
+	
+			this.modalInit(RLANG.image, '<%= asset_path "redactor/plugins/image.html" %>', 570, handler, true);
+
+		},
+		imageSetThumb: function(e)
+		{
+			this._imageSet('<img alt="" src="' + $(e.target).attr('rel') + '" />');
+		},
+		imageUploadCallbackLink: function()
+		{
+			if ($('#redactor_file_link').val() !== '')
+			{
+				var data = '<img src="' + $('#redactor_file_link').val() + '" />';
+				
+				this._imageSet(data);
+			}
+			else this.modalClose();
+		},
+		imageUploadCallback: function(data)
+		{        
+			this._imageSet(data);
+		},
+		_imageSet: function(html)
+		{
+			html = '<p>' + html + '</p>';
+		
+			this.focus();
+			
+			if ($.browser.msie)
+			{
+				$(this.doc.getElementById('span' + this.spanid)).after(html).remove();
+				this.syncCode();
+			}
+			else
+			{
+				this.execCommand('inserthtml', html);
+			}
+		
+			this.modalClose();
+			this.observeImages();
+		},
+	
+		// INSERT LINK
+		showLink: function()
+		{
+			var handler = $.proxy(function()
+			{
+				var sel = this.getSelection();
+				
+				if ($.browser.msie)
+				{
+					var parent = this.getParentNode();
+					if (parent.nodeName == 'A')
+					{
+						this.insert_link_node = $(parent);
+						var text = this.insert_link_node.text();
+						var url = this.insert_link_node.attr('href');
+					}
+					else
+					{
+						if (this.oldIE()) var text = sel.text;
+						else var text = sel.toString();
+						
+						var url = '';
+
+						this.spanid = Math.floor(Math.random() * 99999);
+		
+						var html = '<span id="span' + this.spanid + '">' + text + '</span>';
+						if (text != '') html = '<span id="span' + this.spanid + '">' + text + '</span>';
+						this.execCommand('inserthtml', html);
+					}
+				}
+				else
+				{
+					if (sel && sel.anchorNode && sel.anchorNode.parentNode.tagName == 'A')
+					{
+						var url = sel.anchorNode.parentNode.href;
+						var text = sel.anchorNode.parentNode.text;
+						if (sel.toString() === '') this.insert_link_node = sel.anchorNode.parentNode;
+					}
+					else
+					{
+						var text = sel.toString();
+						var url = '';
+					}
+				}
+				
+				$('.redactor_link_text').val(text);
+				$('#redactor_link_url').val(url).focus();
+				
+				$('#redactor_insert_link_btn').click($.proxy(this.insertLink, this));
+				
+				if (this.opts.linkFileUpload === false)
+				{
+					$('#redactor_tabs a').eq(3).remove();
+				}
+				else
+				{
+					// dragupload
+					if ($('#redactor_file').size() != 0) 
+					{
+						$('#redactor_file').dragupload(
+						{
+							url: this.opts.linkFileUpload,
+							success: $.proxy(this.insertLinkFile, this)
+						});
+					}
+	
+					// ajax upload
+					this.uploadInit('redactor_file', { auto: true, url: this.opts.linkFileUpload, success: $.proxy(this.insertLinkFile, this)  });
+				}
+
+			}, this);
+			
+			this.modalInit(RLANG.link, '<%= asset_path "redactor/plugins/link.html" %>', 460, handler);
+
+		},
+		insertLink: function()
+		{
+			var tab_selected = $('#redactor_tab_selected').val();
+			
+			var link = '', text = '';
+			
+			if (tab_selected == 1) // url
+			{
+				link = $('#redactor_link_url').val();
+				text = $('#redactor_link_url_text').val();
+			}
+			else if (tab_selected == 2) // mailto
+			{
+				link = 'mailto:' + $('#redactor_link_mailto').val();
+				text = $('#redactor_link_mailto_text').val();
+			}
+			else if (tab_selected == 3) // anchor
+			{
+				link = '#' + $('#redactor_link_anchor').val();
+				text = $('#redactor_link_anchor_text').val();
+			}
+
+			this._insertLink('<a href="' + link + '">' +  text + '</a> ', $.trim(text), link);
+
+		},
+		insertLinkFile: function(data)
+		{
+			text = $('#redactor_link_file_text').val();
+
+			this._insertLink('<a href="' + data + '">' +  text + '</a> ', $.trim(text), data);
+		},
+		_insertLink: function(a, text, link)
+		{
+			if (text != '')
+			{
+				if (this.insert_link_node)
+				{
+					$(this.insert_link_node).text(text);
+					$(this.insert_link_node).attr('href', link);
+					this.syncCode();
+				}
+				else
+				{
+					if ($.browser.msie)
+					{
+						$(this.doc.getElementById('span' + this.spanid)).replaceWith(a);
+						this.syncCode();
+					}
+					else this.execCommand('inserthtml', a);
+				}
+			}
+
+			this.modalClose();
+		},
+
+		// INSERT FILE
+		showFile: function()
+		{
+			if ($.browser.msie) this.markerIE();
+
+			var handler = $.proxy(function()
+			{
+				$('#redactor_file').dragupload(
+				{
+					url: this.opts.fileUpload, 
+					success: $.proxy(function(data)
+					{
+						this.fileUploadCallback(data);
+					}, this)
+				});
+
+				this.uploadInit('redactor_file', { auto: true, url: this.opts.fileUpload, success: $.proxy(function(data) {
+
+					this.fileUploadCallback(data);
+
+				}, this)});
+			}, this);
+
+			this.modalInit(RLANG.file, '<%= asset_path "redactor/plugins/file.html" %>', 500, handler);
+		},
+		fileUploadCallback: function(data)
+		{
+			// chrome fix
+			if ($.browser.webkit && !!window.chrome) data = data + '&nbsp;'; 
+
+			if ($.browser.msie) 
+			{
+				$(this.doc.getElementById('span' + this.spanid)).after(data).remove();
+				this.syncCode();
+			}
+			else this.execCommand('inserthtml', data);
+
+			this.modalClose();
+		},	
+	
+		
+		
+		// MODAL
+		modalInit: function(title, url, width, handler, scroll)
+		{
+			// modal overlay
+			if ($('#redactor_modal_overlay').size() == 0)
+			{
+				this.overlay = $('<div id="redactor_modal_overlay" style="display: none;"></div>');
+				$('body').prepend(this.overlay);
+			}
+
+			if (this.opts.overlay)
+			{
+				$('#redactor_modal_overlay').show();
+				$('#redactor_modal_overlay').click($.proxy(this.modalClose, this));
+			}
+
+			if ($('#redactor_modal').size() == 0)
+			{
+				this.modal = $('<div id="redactor_modal" style="display: none;"><div id="redactor_modal_close">&times;</div><div id="redactor_modal_header"></div><div id="redactor_modal_inner"></div></div>');
+				$('body').append(this.modal);
+			}
+
+			$('#redactor_modal_close').click($.proxy(this.modalClose, this));
+
+			this.hdlModalClose = $.proxy(function(e) { if( e.keyCode == 27) this.modalClose(); }, this);
+			
+			$(document).keyup(this.hdlModalClose);
+			$(this.doc).keyup(this.hdlModalClose);
+
+			$.ajax({
+				dataType: 'html',
+				type: 'get',
+				url: url,
+				success: $.proxy(function(data)
+				{
+					// parse lang
+					$.each(RLANG, function(i,s)
+					{
+						var re = new RegExp("%RLANG\." + i + "%","gi");
+						data = data.replace(re, s);
+					});
+
+					$('#redactor_modal_inner').html(data);
+					$('#redactor_modal_header').html(title);
+					
+					// tabs
+					if ($('#redactor_tabs').size() != 0)
+					{
+						$('#redactor_tabs a').each(function(i,s)
+						{
+							i++;
+							$(s).click(function()
+							{
+								$('#redactor_tabs a').removeClass('redactor_tabs_act');
+								$(this).addClass('redactor_tabs_act');
+								$('.redactor_tab').hide();
+								$('#redactor_tab' + i).show();
+								$('#redactor_tab_selected').val(i);
+								
+								var height = $('#redactor_modal').outerHeight();
+								$('#redactor_modal').css('margin-top', '-' + (height+10)/2 + 'px');
+							});
+						});
+					}
+
+					$('#redactor_btn_modal_close').click($.proxy(this.modalClose, this));
+					
+					// callback
+					if (typeof(handler) == 'function') handler();
+					
+					// setup
+					var height = $('#redactor_modal').outerHeight();
+									
+					$('#redactor_modal').css({ width: width + 'px', height: 'auto', marginTop: '-' + (height+10)/2 + 'px', marginLeft: '-' + (width+60)/2 + 'px' }).fadeIn('fast');
+
+					if (scroll === true)
+					{
+						$('#redactor_image_box').height(300).css('overflow', 'auto');
+					}					
+
+				}, this)
+			});
+		},
+		modalClose: function()
+		{
+	
+			$('#redactor_modal_close').unbind('click', this.modalClose);
+			$('#redactor_modal').fadeOut('fast', $.proxy(function()
+			{
+				$('#redactor_modal_inner').html('');
+
+				if (this.opts.overlay)
+				{
+					$('#redactor_modal_overlay').hide();
+					$('#redactor_modal_overlay').unbind('click', this.modalClose);
+				}
+				
+				$(document).unbind('keyup', this.hdlModalClose);
+				$(this.doc).unbind('keyup', this.hdlModalClose);
+
+			}, this));
+
+		},
+
+		// UPLOAD
+		uploadInit: function(element, options)
+		{
+			// Upload Options
+			this.uploadOptions = {
+				url: false,
+				success: false,
+				start: false,
+				trigger: false,
+				auto: false,
+				input: false
+			};
+
+			$.extend(this.uploadOptions, options);
+	
+			// Test input or form
+			if ($('#' + element).size() != 0 && $('#' + element).get(0).tagName == 'INPUT')
+			{
+				this.uploadOptions.input = $('#' + element);
+				this.element = $($('#' + element).get(0).form);
+			}
+			else
+			{
+				this.element = $('#' + element);
+			}
+			
+			this.element_action = this.element.attr('action');
+			
+			// Auto or trigger
+			if (this.uploadOptions.auto)
+			{
+				$(this.uploadOptions.input).change($.proxy(function()
+				{
+					this.element.submit(function(e) { return false; });
+					this.uploadSubmit();
+				}, this));
+	
+			}
+			else if (this.uploadOptions.trigger)
+			{
+				$('#' + this.uploadOptions.trigger).click($.proxy(this.uploadSubmit, this));
+			}
+		},
+		uploadSubmit : function()
+		{
+			this.uploadForm(this.element, this.uploadFrame());
+		},
+		uploadFrame : function()
+		{
+			this.id = 'f' + Math.floor(Math.random() * 99999);
+		
+			var d = document.createElement('div');
+			var iframe = '<iframe style="display:none" src="about:blank" id="'+this.id+'" name="'+this.id+'"></iframe>';
+			d.innerHTML = iframe;
+			document.body.appendChild(d);
+		
+			// Start
+			if (this.uploadOptions.start) this.uploadOptions.start();
+		
+			$('#' + this.id).load($.proxy(this.uploadLoaded, this));
+		
+			return this.id;
+		},
+		uploadForm : function(f, name)
+		{
+			if (this.uploadOptions.input)
+			{
+				var formId = 'redactorUploadForm' + this.id;
+				var fileId = 'redactorUploadFile' + this.id;
+				this.form = $('<form  action="' + this.uploadOptions.url + '" method="POST" target="' + name + '" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
+				
+				var oldElement = this.uploadOptions.input;
+				var newElement = $(oldElement).clone();
+				$(oldElement).attr('id', fileId);
+				$(oldElement).before(newElement);
+				$(oldElement).appendTo(this.form);
+				$(this.form).css('position', 'absolute');
+				$(this.form).css('top', '-2000px');
+				$(this.form).css('left', '-2000px');
+				$(this.form).appendTo('body');  
+				
+				this.form.submit();
+			}
+			else
+			{
+				f.attr('target', name);
+				f.attr('method', 'POST');
+				f.attr('enctype', 'multipart/form-data');
+				f.attr('action', this.uploadOptions.url);
+		
+				this.element.submit();
+			}
+		
+		},
+		uploadLoaded : function()
+		{
+			var i = $('#' + this.id);
+
+			if (i.contentDocument) var d = i.contentDocument;
+			else if (i.contentWindow) var d = i.contentWindow.document;
+			else var d = window.frames[this.id].document;
+			
+			if (d.location.href == "about:blank") return true;
+			
+			// Success
+			if (this.uploadOptions.success) this.uploadOptions.success(d.body.innerHTML);
+		
+			this.element.attr('action', this.element_action);
+			this.element.attr('target', '');
+		
+		},
+		
+		// UTILITY
+		markerIE: function()
+		{
+			this.spanid = Math.floor(Math.random() * 99999);
+			this.execCommand('inserthtml', '<span id="span' + this.spanid + '"></span>');
+		},
+		oldIE: function()
+		{
+			if ($.browser.msie && parseInt($.browser.version, 10) < 9) return true;
+			return false;
+		},
+		outerHTML: function(s) 
+		{
+			return $("<p>").append($(s).eq(0).clone()).html();
+		},
+		normalize: function(str)
+		{
+			return parseInt(str.replace('px',''));
+		}
+
+	};
+	
+	
+	// API
+	$.fn.getDoc = function() 
+	{
+		return $(this.data('redactor').doc);
+	};
+	
+	$.fn.getFrame = function() 
+	{
+		return this.data('redactor').$frame;
+	};
+	
+	$.fn.getEditor = function() 
+	{
+		return this.data('redactor').$editor;
+	};
+	
+	$.fn.getCode = function() 
+	{
+		return this.data('redactor').getCode();
+	};
+	
+	$.fn.setCode = function(html)
+	{
+		this.data('redactor').setCode(html);
+	};
+	
+	$.fn.insertHtml = function(html)
+	{
+		this.data('redactor').insertHtml(html);
+	};
+	
+	$.fn.destroyEditor = function()
+	{
+		this.data('redactor').destroy();
+		this.removeData('redactor');
+	};
+	
+	$.fn.setFocus = function()
+	{
+		this.data('redactor').focus();
+	};
+	
+	$.fn.execCommand = function(cmd, param)
+	{
+		this.data('redactor').execCommand(cmd, param);
+	};
+
+})(jQuery);
+
+/*
+	Plugin Drag and drop Upload v1.0.1
+	http://imperavi.com/ 
+	Copyright 2012, Imperavi Ltd.
+*/
+(function($){
+	
+	// Initialization	
+	$.fn.dragupload = function(options)
+	{		
+		return this.each(function() {
+			var obj = new Construct(this, options);
+			obj.init();
+		});
+	};
+	
+	// Options and variables	
+	function Construct(el, options) {
+
+		this.opts = $.extend({
+		
+			url: false,
+			success: false,
+			preview: false,
+			
+			text: RLANG.drop_file_here,
+			atext: RLANG.or_choose
+			
+		}, options);
+		
+		this.$el = $(el);
+	}
+
+	// Functionality
+	Construct.prototype = {
+		init: function()
+		{	
+			if (!$.browser.opera && !$.browser.msie) 
+			{	
+
+				this.droparea = $('<div class="redactor_droparea"></div>');
+				this.dropareabox = $('<div class="redactor_dropareabox">' + this.opts.text + '</div>');	
+				this.dropalternative = $('<div class="redactor_dropalternative">' + this.opts.atext + '</div>');
+				
+				this.droparea.append(this.dropareabox);
+				
+				this.$el.before(this.droparea);
+				this.$el.before(this.dropalternative);
+
+				// drag over
+				this.dropareabox.bind('dragover', $.proxy(function() { return this.ondrag(); }, this));
+				
+				// drag leave
+				this.dropareabox.bind('dragleave', $.proxy(function() { return this.ondragleave(); }, this));
+		
+				// drop
+				this.dropareabox.get(0).ondrop = $.proxy(function(event)
+				{
+					event.preventDefault();
+					
+					this.dropareabox.removeClass('hover').addClass('drop');
+					
+					var file = event.dataTransfer.files[0];
+
+					var fd = new FormData();
+					fd.append('file', file);
+
+					$.ajax({
+						dataType: 'html',
+						url: this.opts.url,
+						data: fd,
+						//xhr: provider,
+						cache: false,
+						contentType: false,
+						processData: false,
+						type: 'POST',
+						success: $.proxy(function(data)
+						{
+							if (this.opts.success !== false) this.opts.success(data);
+							if (this.opts.preview === true) this.dropareabox.html(data);
+						}, this)
+					});
+
+				}, this);
+			}
+		},
+		ondrag: function()
+		{
+			this.dropareabox.addClass('hover');
+			return false;
+		},
+		ondragleave: function()
+		{
+			this.dropareabox.removeClass('hover');
+			return false;
+		}
+	};
+
+})(jQuery);
+
+
+// Define: Linkify plugin from stackoverflow
+(function($){
+
+	var url1 = /(^|&lt;|\s)(www\..+?\..+?)(\s|&gt;|$)/g,
+	url2 = /(^|&lt;|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|&gt;|$)/g,
+
+		linkifyThis = function () 
+		{
+			var childNodes = this.childNodes,
+			i = childNodes.length;
+			while(i--)
+			{
+				var n = childNodes[i];
+				if (n.nodeType == 3) 
+				{
+					var html = n.nodeValue;
+					if (html)
+					{
+						html = html.replace(/&/g, '&amp;')
+									.replace(/</g, '&lt;')
+									.replace(/>/g, '&gt;')
+									.replace(url1, '$1<a href="http://$2">$2</a>$3')
+									.replace(url2, '$1<a href="$2">$2</a>$5');
+
+						$(n).after(html).remove();
+					}
+				}
+				else if (n.nodeType == 1  &&  !/^(a|button|textarea)$/i.test(n.tagName))
+				{
+					linkifyThis.call(n);
+				}
+			}
+		};
+	
+	$.fn.linkify = function ()
+	{
+		this.each(linkifyThis);
+	};
+
+})(jQuery);