scrivito_editors 0.0.12 → 0.0.13

data/app/assets/javascripts/redactor.js

@@ -1,6 +1,6 @@
 /*
-	Redactor v9.2.1
-	Updated: Mar 19, 2014
+	Redactor v9.2.6
+	Updated: Jul 19, 2014
 
 	http://imperavi.com/redactor/
 
@@ -9,7 +9,6 @@
 
 	Usage: $('#content').redactor();
 */
-
 (function($)
 {
 	var uuid = 0;
@@ -31,6 +30,9 @@
 		return this[0] === this[1];
 	};
 
+	var reUrlYoutube = /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig;
+	var reUrlVimeo = /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/;
+
 	// Plugin
 	$.fn.redactor = function(options)
 	{
@@ -71,7 +73,7 @@
 	}
 
 	$.Redactor = Redactor;
-	$.Redactor.VERSION = '9.2.1';
+	$.Redactor.VERSION = '9.2.6';
 	$.Redactor.opts = {
 
 			// settings
@@ -84,7 +86,7 @@
 			lang: 'en',
 			direction: 'ltr', // ltr or rtl
 
-			placeholder: '',
+			placeholder: false,
 
 			typewriter: false,
 			wym: false,
@@ -104,7 +106,17 @@
 			autoresize: true,
 			minHeight: false,
 			maxHeight: false,
-			shortcuts: true,
+			shortcuts: {
+				'ctrl+m, meta+m': "this.execCommand('removeFormat', false)",
+				'ctrl+b, meta+b': "this.execCommand('bold', false)",
+				'ctrl+i, meta+i': "this.execCommand('italic', false)",
+				'ctrl+h, meta+h': "this.execCommand('superscript', false)",
+				'ctrl+l, meta+l': "this.execCommand('subscript', false)",
+				'ctrl+k, meta+k': "this.linkShow()",
+				'ctrl+shift+7': "this.execCommand('insertorderedlist', false)",
+				'ctrl+shift+8': "this.execCommand('insertunorderedlist', false)"
+			},
+			shortcutsAdd: false,
 
 			autosave: false, // false or url
 			autosaveInterval: 60, // seconds
@@ -116,14 +128,16 @@
 			linkProtocol: 'http://',
 			linkNofollow: false,
 			linkSize: 50,
+			predefinedLinks: false, // json url (ex. /some-url.json ) or false
 
 			imageFloatMargin: '10px',
-			imageGetJson: false, // url (ex. /folder/images.json ) or false
+			imageGetJson: false, // json url (ex. /some-images.json ) or false
 
 			dragUpload: true, // false
 			imageTabLink: true,
 			imageUpload: false, // url
 			imageUploadParam: 'file', // input name
+			imageResizable: true,
 
 			fileUpload: false, // url
 			fileUploadParam: 'file', // input name
@@ -212,6 +226,7 @@
 								'BLOCKQUOTE', 'OUTPUT', 'FIGCAPTION', 'PRE', 'ADDRESS', 'SECTION',
 								'HEADER', 'FOOTER', 'ASIDE', 'ARTICLE', 'TD'],
 
+
 			// lang
 			langs: {
 				en: {
@@ -383,6 +398,12 @@
 			// load lang
 			this.opts.curLang = this.opts.langs[this.opts.lang];
 
+			// extend shortcuts
+			$.extend(this.opts.shortcuts, this.opts.shortcutsAdd);
+
+			// init placeholder
+			this.placeholderInit();
+
 			// Build
 			this.buildStart();
 
@@ -802,6 +823,12 @@
 		},
 		setFullpageOnInit: function(html)
 		{
+			this.fullpageDoctype = html.match(/^<\!doctype[^>]*>/i);
+			if (this.fullpageDoctype && this.fullpageDoctype.length == 1)
+			{
+				html = html.replace(/^<\!doctype[^>]*>/i, '');
+			}
+
 			html = this.cleanSavePreCode(html, true);
 			html = this.cleanConverters(html);
 			html = this.cleanEmpty(html);
@@ -814,6 +841,14 @@
 			this.setSpansVerified();
 			this.sync();
 		},
+		setFullpageDoctype: function()
+		{
+			if (this.fullpageDoctype && this.fullpageDoctype.length == 1)
+			{
+				var source = this.fullpageDoctype[0] + '\n' + this.$source.val();
+				this.$source.val(source);
+			}
+		},
 		setSpansVerified: function()
 		{
 			var spans = this.$editor.find('span');
@@ -866,8 +901,6 @@
 				// do not sync
 				return false;
 			}
-
-
 			// fix second level up ul, ol
 			html = html.replace(/<\/li><(ul|ol)>([\w\W]*?)<\/(ul|ol)>/gi, '<$1>$2</$1></li>');
 
@@ -888,6 +921,7 @@
 			html = this.callback('syncBefore', false, html);
 
 			this.$source.val(html);
+			this.setFullpageDoctype();
 
 			// onchange & after callback
 			this.callback('syncAfter', false, html);
@@ -972,20 +1006,26 @@
 
 			// remove spans
 			html = html.replace(/<span(.*?)>([\w\W]*?)<\/span>/gi, '$2');
+			html = html.replace(/<inline>([\w\W]*?)<\/inline>/gi, '$1');
 			html = html.replace(/<inline>/gi, '<span>');
 			html = html.replace(/<inline /gi, '<span ');
 			html = html.replace(/<\/inline>/gi, '</span>');
+
+			if (this.opts.removeEmptyTags)
+			{
+				html = html.replace(/<span>([\w\W]*?)<\/span>/gi, '$1');
+			}
+
 			html = html.replace(/<span(.*?)class="redactor_placeholder"(.*?)>([\w\W]*?)<\/span>/gi, '');
-			html = html.replace(/<span>([\w\W]*?)<\/span>/gi, '$1');
+			html = html.replace(/<img(.*?)contenteditable="false"(.*?)>/gi, '<img$1$2>');
 
 			// special characters
-			html = html.replace(/&amp;/gi, '&');
-			html = html.replace(/™/gi, '&trade;');
-			html = html.replace(/©/gi, '&copy;');
-			html = html.replace(/…/gi, '&hellip;');
-			html = html.replace(/—/gi, '&mdash;');
-			html = html.replace(/‐/gi, '&dash;');
-
+			html = html.replace(/&/gi, '&');
+			html = html.replace(/\u2122/gi, '&trade;');
+			html = html.replace(/\u00a9/gi, '&copy;');
+			html = html.replace(/\u2026/gi, '&hellip;');
+			html = html.replace(/\u2014/gi, '&mdash;');
+			html = html.replace(/\u2010/gi, '&dash;');
 
 			html = this.cleanReConvertProtected(html);
 
@@ -993,6 +1033,7 @@
 		},
 
 
+
 		// BUILD
 		buildStart: function()
 		{
@@ -1001,7 +1042,6 @@
 
 			// container
 			this.$box = $('<div class="redactor_box" />');
-			this.$box.css('z-index', 100-this.uuid);
 
 			// textarea test
 			if (this.$source[0].tagName === 'TEXTAREA') this.opts.textareamode = true;
@@ -1175,11 +1215,17 @@
 		{
 			this.dblEnter = 0;
 
-			if (this.opts.dragUpload && this.opts.imageUpload !== false)
+			if (this.opts.dragUpload && (this.opts.imageUpload !== false || this.opts.s3 !== false))
 			{
 				this.$editor.on('drop.redactor', $.proxy(this.buildEventDrop, this));
 			}
 
+			this.$editor.on('click.redactor', $.proxy(function()
+			{
+				this.selectall = false;
+
+			}, this));
+
 			this.$editor.on('input.redactor', $.proxy(this.sync, this));
 			this.$editor.on('paste.redactor', $.proxy(this.buildEventPaste, this));
 			this.$editor.on('keydown.redactor', $.proxy(this.buildEventKeydown, this));
@@ -1233,12 +1279,11 @@
 
 			this.bufferSet();
 
-			var progress = $('<div id="redactor-progress"><span></span></div>');
-			$(document.body).append(progress);
+			this.showProgressBar();
 
 			if (this.opts.s3 === false)
 			{
-				this.dragUploadAjax(this.opts.imageUpload, file, true, progress, e, this.opts.imageUploadParam);
+				this.dragUploadAjax(this.opts.imageUpload, file, true, e, this.opts.imageUploadParam);
 			}
 			else
 			{
@@ -1305,6 +1350,7 @@
 			var event = e.originalEvent || e;
 			this.clipboardFilePaste = false;
 
+
 			if (typeof(event.clipboardData) === 'undefined') return false;
 			if (event.clipboardData.items)
 			{
@@ -1338,13 +1384,38 @@
 
 			this.callback('keydown', e);
 
-			// disabling cmd|ctrl + left
-			if (this.browser('mozilla') && ctrl && key === 37)
+			/*
+				firefox cmd+left/Cmd+right browser back/forward fix -
+				http://joshrhoderick.wordpress.com/2010/05/05/how-firefoxs-command-key-bug-kills-usability-on-the-mac/
+			*/
+			if (this.browser('mozilla') && "modify" in window.getSelection())
 			{
-				e.preventDefault();
-				return false;
+				if ((ctrl) && (e.keyCode===37 || e.keyCode===39))
+				{
+					var selection = this.getSelection();
+					var lineOrWord = (e.metaKey ? "line" : "word");
+					if (e.keyCode===37)
+					{
+						selection.modify("extend","left",lineOrWord);
+						if (!e.shiftKey)
+						{
+							selection.collapseToStart();
+						}
+					}
+					if (e.keyCode===39)
+					{
+						selection.modify("extend","right",lineOrWord);
+						if (!e.shiftKey)
+						{
+							selection.collapseToEnd();
+						}
+					}
+
+					e.preventDefault();
+				}
 			}
 
+
 			this.imageResizeHide(false);
 
 			// pre & down
@@ -1371,7 +1442,7 @@
 			}
 
 			// shortcuts setup
-			if (ctrl && !e.shiftKey) this.shortcuts(e, key);
+			this.shortcuts(e, key);
 
 			// buffer setup
 			if (ctrl && key === 90 && !e.shiftKey && !e.altKey) // z key
@@ -1408,9 +1479,9 @@
 			}
 
 			// enter
-			if (key == this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey )
+			if (key == this.keyCode.ENTER && !e.shiftKey && !e.ctrlKey && !e.metaKey)
 			{
-				//
+				// remove selected content on enter
 				var range = this.getRange();
 				if (range && range.collapsed === false)
 				{
@@ -1473,11 +1544,43 @@
 				}
 
 				// pre
-				if (pre === true) return this.buildEventKeydownPre(e, current);
+				if (pre === true)
+				{
+					return this.buildEventKeydownPre(e, current);
+				}
 				else
 				{
 					if (!this.opts.linebreaks)
 					{
+						// lists exit
+						if (block && block.tagName == 'LI')
+						{
+							var listCurrent = this.getBlock();
+							if (listCurrent !== false || listCurrent.tagName === 'LI')
+							{
+								var listText = $.trim($(block).text());
+								var listCurrentText = $.trim($(listCurrent).text());
+								if (listText == ''
+									&& listCurrentText == ''
+									&& $(listCurrent).next('li').size() == 0
+									&& $(listCurrent).parents('li').size() == 0)
+								{
+									this.bufferSet();
+
+									var $list = $(listCurrent).closest('ol, ul');
+									$(listCurrent).remove();
+									var node = $('<p>' + this.opts.invisibleSpace + '</p>');
+									$list.after(node);
+									this.selectionStart(node);
+
+									this.sync();
+									this.callback('enter', e);
+									return false;
+								}
+							}
+
+						}
+
 						// replace div to p
 						if (block && this.opts.rBlockTest.test(block.tagName))
 						{
@@ -1500,7 +1603,6 @@
 						{
 							// hit enter
 							this.bufferSet();
-
 							var node = $('<p>' + this.opts.invisibleSpace + '</p>');
 							this.insertNode(node[0]);
 							this.selectionStart(node);
@@ -1559,7 +1661,7 @@
 			}
 
 			// delete zero-width space before the removing
-			if (key === this.keyCode.BACKSPACE) this.buildEventKeydownBackspace(current);
+			if (key === this.keyCode.BACKSPACE) this.buildEventKeydownBackspace(e, current, parent);
 
 		},
 		buildEventKeydownPre: function(e, current)
@@ -1607,8 +1709,23 @@
 
 			return false;
 		},
-		buildEventKeydownBackspace: function(current)
+		buildEventKeydownBackspace: function(e, current, parent)
 		{
+			// remove empty list in table
+			if (parent && current && parent.parentNode.tagName == 'TD'
+				&& parent.tagName == 'UL' && current.tagName == 'LI' && $(parent).children('li').size() == 1)
+			{
+				var text = $(current).text().replace(/[\u200B-\u200D\uFEFF]/g, '');
+				if (text == '')
+				{
+					var node = parent.parentNode;
+					$(parent).remove();
+					this.selectionStart(node);
+					this.sync();
+					return false;
+				}
+			}
+
 			if (typeof current.tagName !== 'undefined' && /^(H[1-6])$/i.test(current.tagName))
 			{
 				var node;
@@ -1617,15 +1734,15 @@
 
 				$(current).replaceWith(node);
 				this.selectionStart(node);
+				this.sync();
 			}
 
 			if (typeof current.nodeValue !== 'undefined' && current.nodeValue !== null)
 			{
-
-				//var value = $.trim(current.nodeValue.replace(/[^\u0000-\u1C7F]/g, ''));
 				if (current.remove && current.nodeType === 3 && current.nodeValue.match(/[^\u200B]/g) == null)
 				{
-					current.remove();
+					$(current).prev().remove();
+					this.sync();
 				}
 			}
 		},
@@ -1787,7 +1904,10 @@
 			// iframe css
 			this.iframeAddCss();
 
-			if (this.opts.fullpage) this.setFullpageOnInit(this.$editor.html());
+			if (this.opts.fullpage)
+			{
+				this.setFullpageOnInit(this.$source.val());
+			}
 			else this.set(this.content, true, false);
 
 			this.buildOptions();
@@ -1795,24 +1915,41 @@
 		},
 
 		// PLACEHOLDER
-		placeholderStart: function(html)
+		placeholderInit: function()
 		{
-			if (this.isEmpty(html))
+			if (this.opts.placeholder !== false)
+			{
+				this.placeholderText = this.opts.placeholder;
+				this.opts.placeholder = true;
+			}
+			else
 			{
-				if (this.$element.attr('placeholder'))
+				if (typeof this.$element.attr('placeholder') == 'undefined' || this.$element.attr('placeholder') == '')
 				{
-					this.opts.placeholder = this.$element.attr('placeholder');
+					this.opts.placeholder = false;
 				}
-
-				if (this.opts.placeholder !== '')
+				else
 				{
-					this.opts.focus = false;
-					this.placeholderOnFocus();
-					this.placeholderOnBlur();
-
-					return this.placeholderGet();
+					this.placeholderText = this.$element.attr('placeholder');
+					this.opts.placeholder = true;
 				}
 			}
+		},
+		placeholderStart: function(html)
+		{
+			if (this.opts.placeholder === false)
+			{
+				return false;
+			}
+
+			if (this.isEmpty(html))
+			{
+				this.opts.focus = false;
+				this.placeholderOnFocus();
+				this.placeholderOnBlur();
+
+				return this.placeholderGet();
+			}
 			else
 			{
 				this.placeholderOnBlur();
@@ -1830,7 +1967,14 @@
 		},
 		placeholderGet: function()
 		{
-			return $('<span class="redactor_placeholder">').data('redactor', 'verified').attr('contenteditable', false).text(this.opts.placeholder);
+			var ph = $('<span class="redactor_placeholder">').data('redactor', 'verified')
+			.attr('contenteditable', false).text(this.placeholderText);
+
+			if (this.opts.linebreaks === false)
+			{
+				return $('<p>').append(ph);
+			}
+			else return ph;
 		},
 		placeholderBlur: function()
 		{
@@ -1880,32 +2024,98 @@
 		shortcuts: function(e, key)
 		{
 
+			// disable browser's hot keys for bold and italic
 			if (!this.opts.shortcuts)
 			{
-				if (key === 66 || key === 73) e.preventDefault();
+				if ((e.ctrlKey || e.metaKey) && (key === 66 || key === 73))
+				{
+					e.preventDefault();
+				}
+
 				return false;
 			}
 
-			if (key === 77) this.shortcutsLoad(e, 'removeFormat'); // Ctrl + m
-			else if (key === 66) this.shortcutsLoad(e, 'bold'); // Ctrl + b
-			else if (key === 73) this.shortcutsLoad(e, 'italic'); // Ctrl + i
+			$.each(this.opts.shortcuts, $.proxy(function(str, command)
+			{
+				var keys = str.split(',');
+				for (var i in keys)
+				{
+					if (typeof keys[i] === 'string')
+					{
+						this.shortcutsHandler(e, $.trim(keys[i]), $.proxy(function()
+						{
+							eval(command);
+						}, this));
+					}
+
+				}
 
-			else if (key === 74) this.shortcutsLoad(e, 'insertunorderedlist'); // Ctrl + j
-			else if (key === 75) this.shortcutsLoad(e, 'insertorderedlist'); // Ctrl + k
+			}, this));
 
-			else if (key === 72) this.shortcutsLoad(e, 'superscript'); // Ctrl + h
-			else if (key === 76) this.shortcutsLoad(e, 'subscript'); // Ctrl + l
 
 		},
-		shortcutsLoad: function(e, cmd)
-		{
-			e.preventDefault();
-			this.execCommand(cmd, false);
-		},
-		shortcutsLoadFormat: function(e, cmd)
+		shortcutsHandler: function(e, keys, origHandler)
 		{
-			e.preventDefault();
-			this.formatBlocks(cmd);
+			// based on https://github.com/jeresig/jquery.hotkeys
+			var hotkeysSpecialKeys =
+			{
+				8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
+				20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
+				37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 59: ";", 61: "=",
+				96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
+				104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/",
+				112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8",
+				120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 173: "-", 186: ";", 187: "=",
+				188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", 221: "]", 222: "'"
+			};
+
+
+			var hotkeysShiftNums =
+			{
+				"`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&",
+				"8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<",
+				".": ">",  "/": "?",  "\\": "|"
+			};
+
+			keys = keys.toLowerCase().split(" ");
+			var special = hotkeysSpecialKeys[e.keyCode],
+				character = String.fromCharCode( e.which ).toLowerCase(),
+				modif = "", possible = {};
+
+			$.each([ "alt", "ctrl", "meta", "shift"], function(index, specialKey)
+			{
+				if (e[specialKey + 'Key'] && special !== specialKey)
+				{
+					modif += specialKey + '+';
+				}
+			});
+
+
+			if (special)
+			{
+				possible[modif + special] = true;
+			}
+
+			if (character)
+			{
+				possible[modif + character] = true;
+				possible[modif + hotkeysShiftNums[character]] = true;
+
+				// "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
+				if (modif === "shift+")
+				{
+					possible[hotkeysShiftNums[character]] = true;
+				}
+			}
+
+			for (var i = 0, l = keys.length; i < l; i++)
+			{
+				if (possible[keys[i]])
+				{
+					e.preventDefault();
+					return origHandler.apply(this, arguments);
+				}
+			}
 		},
 
 		// FOCUS
@@ -1984,21 +2194,33 @@
 		toggleVisual: function()
 		{
 			var html = this.$source.hide().val();
-
 			if (typeof this.modified !== 'undefined')
 			{
-				this.modified = this.cleanRemoveSpaces(this.modified, false) !== this.cleanRemoveSpaces(html, false);
+				var modified = this.modified.replace(/\n/g, '');
+
+				var thtml = html.replace(/\n/g, '');
+				thtml = this.cleanRemoveSpaces(thtml, false);
+
+				this.modified = this.cleanRemoveSpaces(modified, false) !== thtml;
 			}
 
 			if (this.modified)
 			{
 				// don't remove the iframe even if cleared all.
-				if (this.opts.fullpage && html === '') this.setFullpageOnInit(html);
+				if (this.opts.fullpage && html === '')
+				{
+					this.setFullpageOnInit(html);
+				}
 				else
 				{
 					this.set(html);
-					if (this.opts.fullpage) this.buildBindKeyboard();
+					if (this.opts.fullpage)
+					{
+						this.buildBindKeyboard();
+					}
 				}
+
+				this.callback('change', false, html);
 			}
 
 			if (this.opts.iframe) this.$frame.show();
@@ -2015,6 +2237,8 @@
 			this.buttonActiveVisual();
 			this.buttonInactive('html');
 			this.opts.visual = true;
+
+
 		},
 		toggleCode: function(direct)
 		{
@@ -2292,6 +2516,8 @@
 		{
 			if (!this.opts.air) return;
 
+			this.selectionSave();
+
 			var left, top;
 			$('.redactor_air').hide();
 
@@ -2397,6 +2623,11 @@
 					$item = $('<a href="#" class="' + btnObject.className + ' redactor_dropdown_' + btnName + '">' + btnObject.title + '</a>');
 					$item.on('click', $.proxy(function(e)
 					{
+						if (this.opts.air)
+						{
+							this.selectionRestore();
+						}
+
 						if (e.preventDefault) e.preventDefault();
 						if (this.browser('msie')) e.returnValue = false;
 
@@ -2407,6 +2638,7 @@
 						this.buttonActiveObserver();
 						if (this.opts.air) this.$air.fadeOut(100);
 
+
 					}, this));
 				}
 
@@ -2422,9 +2654,11 @@
 				return false;
 			}
 
-			var $dropdown = this.$toolbar.find('.redactor_dropdown_box_' + key);
 			var $button = this.buttonGet(key);
 
+			// Always re-append it to the end of <body> so it always has the highest sub-z-index.
+			var $dropdown  = $button.data('dropdown').appendTo(document.body);
+
 			if ($button.hasClass('dropact')) this.dropdownHideAll();
 			else
 			{
@@ -2434,11 +2668,7 @@
 				this.buttonActive(key);
 				$button.addClass('dropact');
 
-				var keyPosition = $button.position();
-				if (this.toolbarFixed)
-				{
-					keyPosition = $button.offset();
-				}
+				var keyPosition = $button.offset();
 
 				// fix right placement
 				var dropdownWidth = $dropdown.width();
@@ -2451,10 +2681,10 @@
 				var btnHeight = $button.innerHeight();
 
 				var position = 'absolute';
-				var top = btnHeight + 'px';
+				var top = (btnHeight + this.opts.toolbarFixedTopOffset) + 'px';
 
 				if (this.opts.toolbarFixed && this.toolbarFixed) position = 'fixed';
-				else if (!this.opts.air) top = keyPosition.top + btnHeight + 'px';
+				else top = keyPosition.top + btnHeight + 'px';
 
 				$dropdown.css({ position: position, left: left, top: top }).show();
 				this.callback('dropdownShown', { dropdown: $dropdown, key: key, button: $button });
@@ -2469,6 +2699,8 @@
 
 			$(document).one('click', hdlHideDropDown);
 			this.$editor.one('click', hdlHideDropDown);
+			this.$editor.one('touchstart', hdlHideDropDown);
+
 
 			e.stopPropagation();
 			this.focusWithSaveScroll();
@@ -2543,7 +2775,7 @@
 			if (btnObject.dropdown)
 			{
 				var $dropdown = $('<div class="redactor_dropdown redactor_dropdown_box_' + btnName + '" style="display: none;">');
-				$dropdown.appendTo(this.$toolbar);
+				$button.data('dropdown', $dropdown);
 				this.dropdownBuild($dropdown, btnObject.dropdown);
 			}
 
@@ -2681,22 +2913,12 @@
 			if ($parent.length)
 			{
 				var align = $parent.css('text-align');
-
-				switch (align)
+				if (align == '')
 				{
-					case 'right':
-						this.buttonActive('alignright');
-					break;
-					case 'center':
-						this.buttonActive('aligncenter');
-					break;
-					case 'justify':
-						this.buttonActive('alignjustify');
-					break;
-					default:
-						this.buttonActive('alignleft');
-					break;
+					align = 'left';
 				}
+
+				this.buttonActive('align' + align);
 			}
 		},
 
@@ -2873,7 +3095,8 @@
 						}
 						else
 						{
-							data += cloned.html() + '<br>';
+							var clonedHtml = cloned.html().replace(/<br\s?\/?>$/i, '');
+							data += clonedHtml + '<br>';
 						}
 
 						if (i == 0)
@@ -2899,11 +3122,49 @@
 			{
 				var firstParent = $(this.getParent()).closest('td');
 
-				this.document.execCommand(cmd);
+				if (this.browser('msie') && !this.isIe11() && this.opts.linebreaks)
+				{
+					var wrapper = this.selectionWrap('div');
+					var wrapperHtml = $(wrapper).html();
+					var tmpList = $('<ul>');
+					if (cmd == 'insertorderedlist')
+					{
+						tmpList = $('<ol>');
+					}
+
+					var tmpLi = $('<li>');
+
+					if ($.trim(wrapperHtml) == '')
+					{
+						tmpLi.append(wrapperHtml + '<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>');
+						tmpList.append(tmpLi);
+						this.$editor.find('#selection-marker-1').replaceWith(tmpList);
+					}
+					else
+					{
+						tmpLi.append(wrapperHtml);
+						tmpList.append(tmpLi);
+						$(wrapper).replaceWith(tmpList);
+					}
+				}
+				else
+				{
+					this.document.execCommand(cmd);
+				}
 
 				var parent = this.getParent();
 				var $list = $(parent).closest('ol, ul');
 
+				if (this.opts.linebreaks === false)
+				{
+					var listText = $.trim($list.text());
+					if (listText == '')
+					{
+						$list.children('li').find('br').remove();
+						$list.children('li').append('<span id="selection-marker-1">' + this.opts.invisibleSpace + '</span>');
+					}
+				}
+
 				if (firstParent.size() != 0)
 				{
 					$list.wrapAll('<td>');
@@ -2926,7 +3187,7 @@
 			}
 
 			this.selectionRestore();
-
+			this.$editor.find('#selection-marker-1').removeAttr('id');
 			this.sync();
 			this.callback('execCommand', cmd, param);
 			return;
@@ -3054,7 +3315,7 @@
 							// linebreaks
 							if (this.opts.linebreaks === true && typeof($el.data('tagblock')) !== 'undefined')
 							{
-								$el.replaceWith($el.html());
+								$el.replaceWith($el.html() + '<br>');
 							}
 							// all block tags
 							else
@@ -3177,7 +3438,6 @@
 			}
 
 			this.selectionRestore();
-
 			this.sync();
 		},
 
@@ -3198,7 +3458,11 @@
 		cleanConverters: function(html)
 		{
 			// convert div to p
-			if (this.opts.convertDivs) html = html.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '<p$1>$2</p>');
+			if (this.opts.convertDivs && !this.opts.gallery)
+			{
+				html = html.replace(/<div(.*?)>([\w\W]*?)<\/div>/gi, '<p$1>$2</p>');
+			}
+
 			if (this.opts.paragraphy) html = this.cleanParagraphy(html);
 
 			return html;
@@ -3288,8 +3552,6 @@
 		},
 		cleanRemoveEmptyTags: function(html)
 		{
-			html = html.replace(/<span>([\w\W]*?)<\/span>/gi, '$1');
-
 			// remove zero width-space
 			html = html.replace(/[\u200B-\u200D\uFEFF]/g, '');
 
@@ -3347,6 +3609,7 @@
 			}
 
 			html = html.replace(/<br \/>\s*<br \/>/gi, "\n\n");
+			html = html.replace(/<br><br>/gi, "\n\n");
 
 			function R(str, mod, r)
 			{
@@ -3370,7 +3633,7 @@
                 {
 					if (htmls[i].search('{replace') == -1)
 					{
-						htmls[i] = htmls[i].replace(/<p>\n\t<\/p>/gi, '');
+						htmls[i] = htmls[i].replace(/<p>\n\t?<\/p>/gi, '');
 						htmls[i] = htmls[i].replace(/<p><\/p>/gi, '');
 
 						if (htmls[i] != '')
@@ -3435,14 +3698,10 @@
 			if (this.opts.italicTag === 'em') html = html.replace(/<i>([\w\W]*?)<\/i>/gi, '<em>$1</em>');
 			else html = html.replace(/<em>([\w\W]*?)<\/em>/gi, '<i>$1</i>');
 
-			if (set !== true)
-			{
-				html = html.replace(/<strike>([\w\W]*?)<\/strike>/gi, '<del>$1</del>');
-			}
-			else
-			{
-				html = html.replace(/<del>([\w\W]*?)<\/del>/gi, '<strike>$1</strike>');
-			}
+			html = html.replace(/<span style="text-decoration: underline;">([\w\W]*?)<\/span>/gi, '<u>$1</u>');
+
+			if (set !== true) html = html.replace(/<strike>([\w\W]*?)<\/strike>/gi, '<del>$1</del>');
+			else html = html.replace(/<del>([\w\W]*?)<\/del>/gi, '<strike>$1</strike>');
 
 			return html;
 		},
@@ -3514,6 +3773,14 @@
 				this.removeEmptyAttr(s, 'style');
 			}, this));
 
+			var $elem2 = this.$editor.find('b, strong, i, em, u, strike, del');
+			$elem2.css('font-size', '');
+
+			$.each($elem2, $.proxy(function(i,s)
+			{
+				this.removeEmptyAttr(s, 'style');
+			}, this));
+
 			// When we paste text in Safari is wrapping inserted div (remove it)
 			this.$editor.find('div[style="text-align: -webkit-auto;"]').contents().unwrap();
 
@@ -3632,7 +3899,7 @@
 				}
 			}
 
-			return this.cleanFinish( out );
+			return this.cleanFinish(out);
 		},
 		cleanGetTabs: function()
 		{
@@ -3646,10 +3913,10 @@
 		},
 		cleanFinish: function(code)
 		{
-			code = code.replace( /\n\s*\n/g, '\n' );
-			code = code.replace( /^[\s\n]*/, '' );
-			code = code.replace( /[\s\n]*$/, '' );
-			code = code.replace( /<script(.*?)>\n<\/script>/gi, '<script$1></script>' );
+			code = code.replace(/\n\s*\n/g, '\n');
+			code = code.replace(/^[\s\n]*/, '');
+			code = code.replace(/[\s\n]*$/, '');
+			code = code.replace(/<script(.*?)>\n<\/script>/gi, '<script$1></script>');
 
 			this.cleanlevel = 0;
 
@@ -3738,6 +4005,11 @@
 		},
 		formatBlocks: function(tag)
 		{
+			if (this.browser('mozilla') && this.isFocused())
+			{
+				this.$editor.focus();
+			}
+
 			this.bufferSet();
 
 			var nodes = this.getBlocks();
@@ -3842,6 +4114,11 @@
 		// QUOTE
 		formatQuote: function()
 		{
+			if (this.browser('mozilla') && this.isFocused())
+			{
+				this.$editor.focus();
+			}
+
 			this.bufferSet();
 
 			// paragraphy
@@ -4081,7 +4358,6 @@
 			this.selectionRestore();
 			this.sync();
 		},
-
 		inlineSetClass: function(className)
 		{
 			var current = this.getCurrent();
@@ -4140,7 +4416,25 @@
 			}
 			else
 			{
-				this.document.execCommand('fontSize', false, 4 );
+				var cmd, arg = value;
+				switch (attr)
+				{
+					case 'font-size':
+						cmd = 'fontSize';
+						arg = 4;
+					break;
+					case 'font-family':
+						cmd = 'fontName';
+					break;
+					case 'color':
+						cmd = 'foreColor';
+					break;
+					case 'background-color':
+						cmd = 'backColor';
+					break;
+				}
+
+				this.document.execCommand(cmd, false, arg);
 
 				var fonts = this.$editor.find('font');
 				$.each(fonts, $.proxy(function(i, s)
@@ -4267,6 +4561,7 @@
 			$(el).replaceWith($(el).contents());
 		},
 
+
 		// INSERT
 		insertHtml: function (html, sync)
 		{
@@ -4361,9 +4656,9 @@
 				var range = sel.getRangeAt(0);
 				range.deleteContents();
 
-				var el = this.document.createElement('div');
+				var el = document.createElement('div');
 				el.innerHTML = html;
-				var frag = this.document.createDocumentFragment(), node, lastNode;
+				var frag = document.createDocumentFragment(), node, lastNode;
 				while ((node = el.firstChild))
 				{
 					lastNode = frag.appendChild(node);
@@ -4415,8 +4710,21 @@
 
 			this.focusWithSaveScroll();
 
-			if (this.browser('msie') && !this.isIe11()) this.document.selection.createRange().pasteHTML(html);
-			else this.document.execCommand('inserthtml', false, html);
+			if (this.browser('msie'))
+			{
+				if (!this.isIe11())
+				{
+					this.document.selection.createRange().pasteHTML(html);
+				}
+				else
+				{
+					this.execPasteFrag(html);
+				}
+			}
+			else
+			{
+				this.document.execCommand('inserthtml', false, html);
+			}
 
 			this.sync();
 		},
@@ -4452,6 +4760,8 @@
 				sel.removeAllRanges();
 				sel.addRange(range);
 			}
+
+			return node;
 		},
 		insertNodeToCaretPositionFromPoint: function(e, node)
 		{
@@ -4671,8 +4981,16 @@
 			html = html.replace(/<b\sid="internal-source-marker(.*?)">([\w\W]*?)<\/b>/gi, "$2");
 			html = html.replace(/<b(.*?)id="docs-internal-guid(.*?)">([\w\W]*?)<\/b>/gi, "$3");
 
+
+	 		html = html.replace(/<span[^>]*(font-style: italic; font-weight: bold|font-weight: bold; font-style: italic)[^>]*>/gi, '<span style="font-weight: bold;"><span style="font-style: italic;">');
+	 		html = html.replace(/<span[^>]*font-style: italic[^>]*>/gi, '<span style="font-style: italic;">');
+			html = html.replace(/<span[^>]*font-weight: bold[^>]*>/gi, '<span style="font-weight: bold;">');
+			html = html.replace(/<span[^>]*text-decoration: underline[^>]*>/gi, '<span style="text-decoration: underline;">');
+
 			// strip tags
-			html = this.cleanStripTags(html);
+			//html = this.cleanStripTags(html);
+
+
 
 			// prevert
 			html = html.replace(/<td>\u200b*<\/td>/gi, '[td]');
@@ -4687,6 +5005,7 @@
 			html = html.replace(/<embed(.*?)>([\w\W]*?)<\/embed>/gi, '[embed$1]$2[/embed]');
 			html = html.replace(/<object(.*?)>([\w\W]*?)<\/object>/gi, '[object$1]$2[/object]');
 			html = html.replace(/<param(.*?)>/gi, '[param$1]');
+
 			html = html.replace(/<img(.*?)>/gi, '[img$1]');
 
 			// remove classes
@@ -4742,6 +5061,9 @@
 				html = html.replace(/<div><\/div>/gi, '<br />');
 			}
 
+			// strip tags
+			html = this.cleanStripTags(html);
+
 			if (this.currentOrParentIs('LI'))
 			{
 				html = html.replace(/<p>([\w\W]*?)<\/p>/gi, '$1<br>');
@@ -4986,19 +5308,20 @@
 		},
 
 		// BUFFER
-		bufferSet: function(html, selectionSave)
+		bufferSet: function(selectionSave)
 		{
-			if (html !== undefined || html === false) this.opts.buffer.push(html);
-			else
+			if (selectionSave !== false)
 			{
-				if (selectionSave !== false)
-				{
-					this.selectionSave();
-				}
+				this.selectionSave();
+			}
+
+			this.opts.buffer.push(this.$editor.html());
 
-				this.opts.buffer.push(this.$editor.html());
+			if (selectionSave !== false)
+			{
 				this.selectionRemoveMarkers('buffer');
 			}
+
 		},
 		bufferUndo: function()
 		{
@@ -5046,11 +5369,13 @@
 		observeLinks: function()
 		{
 			this.$editor.find('a').on('click', $.proxy(this.linkObserver, this));
+
 			this.$editor.on('click.redactor', $.proxy(function(e)
 			{
 				this.linkObserverTooltipClose(e);
 
 			}, this));
+
 			$(document).on('click.redactor', $.proxy(function(e)
 			{
 				this.linkObserverTooltipClose(e);
@@ -5064,14 +5389,29 @@
 			this.$editor.find('img').each($.proxy(function(i, elem)
 			{
 				if (this.browser('msie')) $(elem).attr('unselectable', 'on');
-				this.imageResize(elem);
+
+				var parent = $(elem).parent();
+				if (!parent.hasClass('royalSlider') && !parent.hasClass('fotorama'))
+				{
+					this.imageResize(elem);
+				}
 
 			}, this));
+
+			// royalSlider and fotorama
+			this.$editor.find('.fotorama, .royalSlider').on('click', $.proxy(this.editGallery, this));
+
 		},
 		linkObserver: function(e)
 		{
 			var $link = $(e.target);
 
+			var parent = $(e.target).parent();
+			if (parent.hasClass('royalSlider') || parent.hasClass('fotorama'))
+			{
+				return;
+			}
+
 			if ($link.size() == 0 || $link[0].tagName !== 'A') return;
 
 			var pos = $link.offset();
@@ -5399,6 +5739,12 @@
 
 			return newnodes;
 		},
+		isInlineNode: function(node)
+		{
+			if (node.nodeType != 1) return false;
+
+			return !this.rTestBlock.test(node.nodeName);
+		},
 		nodeTestBlocks: function(node)
 		{
 			return node.nodeType == 1 && this.rTestBlock.test(node.nodeName);
@@ -5552,7 +5898,10 @@
 		// SAVE & RESTORE
 		selectionSave: function()
 		{
-			if (!this.isFocused()) this.focusWithSaveScroll();
+			if (!this.isFocused())
+			{
+				this.focusWithSaveScroll();
+			}
 
 			if (!this.opts.rangy)
 			{
@@ -5589,10 +5938,19 @@
 		{
 			var boundaryRange = range.cloneRange();
 
-			boundaryRange.collapse(type);
+			try {
+				boundaryRange.collapse(type);
+				boundaryRange.insertNode(node);
+				boundaryRange.detach();
+			}
+			catch (e)
+			{
+				var html = this.opts.emptyHtml;
+				if (this.opts.linebreaks) html = '<br>';
 
-			boundaryRange.insertNode(node);
-			boundaryRange.detach();
+				this.$editor.prepend(html);
+				this.focus();
+			}
 		},
 		selectionRestore: function(replace, remove)
 		{
@@ -5617,6 +5975,7 @@
 
 				if (node1.length != 0 && node2.length != 0)
 				{
+
 					this.selectionSet(node1[0], 0, node2[0], 0);
 				}
 				else if (node1.length != 0)
@@ -5679,7 +6038,7 @@
 		},
 		tableInsert: function()
 		{
-			this.bufferSet(false, false);
+			this.bufferSet(false);
 
 			var rows = $('#redactor_table_rows').val(),
 				columns = $('#redactor_table_columns').val(),
@@ -5711,6 +6070,11 @@
 			$table_box.append($table);
 			var html = $table_box.html();
 
+			if (this.opts.linebreaks === false && this.browser('mozilla'))
+			{
+				html += '<p>' + this.opts.invisibleSpace + '</p>';
+			}
+
 			this.modalClose();
 			this.selectionRestore();
 
@@ -5727,6 +6091,7 @@
 			}
 			else
 			{
+
 				this.insertHtmlAdvanced(html, false);
 			}
 
@@ -5775,6 +6140,7 @@
 
 			$current_tr.remove();
 			this.selectionRestore();
+			$table.find('span#selection-marker-1').remove();
 			this.sync();
 		},
 		tableDeleteColumn: function()
@@ -5809,6 +6175,7 @@
 			}, this));
 
 			this.selectionRestore();
+			$table.find('span#selection-marker-1').remove();
 			this.sync();
 		},
 		tableAddHead: function()
@@ -5935,6 +6302,19 @@
 			var data = $('#redactor_insert_video_area').val();
 			data = this.cleanStripTags(data);
 
+			// parse if it is link on youtube & vimeo
+			var iframeStart = '<iframe width="500" height="281" src="',
+				iframeEnd = '" frameborder="0" allowfullscreen></iframe>';
+
+			if (data.match(reUrlYoutube))
+			{
+				data = data.replace(reUrlYoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
+			}
+			else if (data.match(reUrlVimeo))
+			{
+				data = data.replace(reUrlVimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
+			}
+
 			this.selectionRestore();
 
 			var current = this.getBlock() || this.getCurrent();
@@ -5954,6 +6334,40 @@
 
 			var callback = $.proxy(function()
 			{
+				// Predefined links
+				if (this.opts.predefinedLinks !== false)
+				{
+					this.predefinedLinksStorage = {};
+					var that = this;
+					$.getJSON(this.opts.predefinedLinks, function(data)
+					{
+						var $select = $('#redactor-predefined-links');
+						$select .html('');
+						$.each(data, function(key, val)
+						{
+							that.predefinedLinksStorage[key] = val;
+							$select.append($('<option>').val(key).html(val.name));
+						});
+
+						$select.on('change', function()
+						{
+							var key = $(this).val();
+							var name = '', url = '';
+							if (key != 0)
+							{
+								name = that.predefinedLinksStorage[key].name;
+								url = that.predefinedLinksStorage[key].url;
+							}
+
+							$('#redactor_link_url').val(url);
+							$('#redactor_link_url_text').val(name);
+
+						});
+
+						$select.show();
+					});
+				}
+
 				this.insert_link_node = false;
 
 				var sel = this.getSelection();
@@ -5999,7 +6413,8 @@
 				}
 
 				this.linkInsertPressed = false;
-				$('#redactor_insert_link_btn').click($.proxy(this.linkProcess, this));
+				$('#redactor_insert_link_btn').on('click', $.proxy(this.linkProcess, this));
+
 
 				setTimeout(function()
 				{
@@ -6026,7 +6441,7 @@
 			var text = $('#redactor_link_url_text').val();
 
 			// mailto
-			if (link.search('@') != -1)
+			if (link.search('@') != -1 && /(http|ftp|https):\/\//i.test(link) === false)
 			{
 				link = 'mailto:' + link;
 			}
@@ -6200,6 +6615,7 @@
 				// json
 				if (this.opts.imageGetJson)
 				{
+
 					$.getJSON(this.opts.imageGetJson, $.proxy(function(data)
 					{
 						var folders = {}, count = 0;
@@ -6261,7 +6677,7 @@
 				}
 				else
 				{
-					$('#redactor-modal-tab-2').remove();
+					$('#redactor-tab-control-2').remove();
 				}
 
 				if (this.opts.imageUpload || this.opts.s3)
@@ -6316,8 +6732,8 @@
 					}
 					else
 					{
-						$('#redactor-modal-tab-1').remove();
-						$('#redactor-modal-tab-2').addClass('redactor_tabs_act');
+						$('#redactor-tab-control-1').remove();
+						$('#redactor-tab-control-2').addClass('redactor_tabs_act');
 						$('#redactor_tab2').show();
 					}
 				}
@@ -6425,6 +6841,8 @@
 		},
 		imageSave: function(el)
 		{
+			this.imageResizeHide(false);
+
 			var $el = $(el);
 			var parent = $el.parent();
 
@@ -6433,8 +6851,6 @@
 			var floating = $('#redactor_form_image_align').val();
 			var margin = '';
 
-			this.imageResizeHide(false);
-
 			if (floating === 'left')
 			{
 				margin = '0 ' + this.opts.imageFloatMargin + ' ' + this.opts.imageFloatMargin + ' 0';
@@ -6581,63 +6997,66 @@
 
 				// resize
 				var isResizing = false;
-				imageResizer.on('mousedown', function(e)
+				if (imageResizer !== false)
 				{
-					isResizing = true;
-					e.preventDefault();
+					imageResizer.on('mousedown', function(e)
+					{
+						isResizing = true;
+						e.preventDefault();
 
-					ratio = $image.width() / $image.height();
+						ratio = $image.width() / $image.height();
 
-					start_x = Math.round(e.pageX - $image.eq(0).offset().left);
-					start_y = Math.round(e.pageY - $image.eq(0).offset().top);
+						start_x = Math.round(e.pageX - $image.eq(0).offset().left);
+						start_y = Math.round(e.pageY - $image.eq(0).offset().top);
 
-				});
+					});
 
-				$(this.document.body).on('mousemove', $.proxy(function(e)
-				{
-					if (isResizing)
+					$(this.document.body).on('mousemove', $.proxy(function(e)
 					{
-						var mouse_x = Math.round(e.pageX - $image.eq(0).offset().left) - start_x;
-						var mouse_y = Math.round(e.pageY - $image.eq(0).offset().top) - start_y;
-
-						var div_h = $image.height();
+						if (isResizing)
+						{
+							var mouse_x = Math.round(e.pageX - $image.eq(0).offset().left) - start_x;
+							var mouse_y = Math.round(e.pageY - $image.eq(0).offset().top) - start_y;
 
-						var new_h = parseInt(div_h, 10) + mouse_y;
-						var new_w = Math.round(new_h * ratio);
+							var div_h = $image.height();
 
-						if (new_w > min_w)
-						{
-							$image.width(new_w);
+							var new_h = parseInt(div_h, 10) + mouse_y;
+							var new_w = Math.round(new_h * ratio);
 
-							if (new_w < 100)
-							{
-								this.imageEditter.css({
-									marginTop: '-7px',
-									marginLeft: '-13px',
-									fontSize: '9px',
-									padding: '3px 5px'
-								});
-							}
-							else
+							if (new_w > min_w)
 							{
-								this.imageEditter.css({
-									marginTop: '-11px',
-									marginLeft: '-18px',
-									fontSize: '11px',
-									padding: '7px 10px'
-								});
+								$image.width(new_w);
+
+								if (new_w < 100)
+								{
+									this.imageEditter.css({
+										marginTop: '-7px',
+										marginLeft: '-13px',
+										fontSize: '9px',
+										padding: '3px 5px'
+									});
+								}
+								else
+								{
+									this.imageEditter.css({
+										marginTop: '-11px',
+										marginLeft: '-18px',
+										fontSize: '11px',
+										padding: '7px 10px'
+									});
+								}
 							}
-						}
 
-						start_x = Math.round(e.pageX - $image.eq(0).offset().left);
-						start_y = Math.round(e.pageY - $image.eq(0).offset().top);
+							start_x = Math.round(e.pageX - $image.eq(0).offset().left);
+							start_y = Math.round(e.pageY - $image.eq(0).offset().top);
 
-						this.sync()
-					}
-				}, this)).on('mouseup', function()
-				{
-					isResizing = false;
-				});
+							this.sync()
+						}
+					}, this)).on('mouseup', function()
+					{
+						isResizing = false;
+					});
+				}
 
 
 				this.$editor.on('keydown.redactor-image-delete', $.proxy(function(e)
@@ -6646,7 +7065,7 @@
 
 					if (this.keyCode.BACKSPACE == key || this.keyCode.DELETE == key)
 					{
-						this.bufferSet(false, false);
+						this.bufferSet(false);
 						this.imageResizeHide(false);
 						this.imageRemove($image);
 					}
@@ -6713,25 +7132,34 @@
 			imageBox.append(this.imageEditter);
 
 			// resizer
-			var imageResizer = $('<span id="redactor-image-resizer" data-redactor="verified"></span>');
-			imageResizer.css({
-				position: 'absolute',
-				zIndex: 2,
-				lineHeight: 1,
-				cursor: 'nw-resize',
-				bottom: '-4px',
-				right: '-5px',
-				border: '1px solid #fff',
-				backgroundColor: '#000',
-				width: '8px',
-				height: '8px'
-			});
-			imageResizer.attr('contenteditable', false);
-			imageBox.append(imageResizer);
+			if (this.opts.imageResizable)
+			{
+				var imageResizer = $('<span id="redactor-image-resizer" data-redactor="verified"></span>');
+				imageResizer.css({
+					position: 'absolute',
+					zIndex: 2,
+					lineHeight: 1,
+					cursor: 'nw-resize',
+					bottom: '-4px',
+					right: '-5px',
+					border: '1px solid #fff',
+					backgroundColor: '#000',
+					width: '8px',
+					height: '8px'
+				});
+				imageResizer.attr('contenteditable', false);
+				imageBox.append(imageResizer);
+
+				imageBox.append($image);
 
-			imageBox.append($image);
+				return imageResizer;
+			}
+			else
+			{
+				imageBox.append($image);
 
-			return imageResizer;
+				return false;
+			}
 		},
 		imageThumbClick: function(e)
 		{
@@ -6799,6 +7227,24 @@
 			this.observeImages();
 		},
 
+		// PROGRESS BAR
+		buildProgressBar: function()
+		{
+			if ($('#redactor-progress').size() != 0) return;
+
+			this.$progressBar = $('<div id="redactor-progress"><span></span></div>');
+			$(document.body).append(this.$progressBar);
+		},
+		showProgressBar: function()
+		{
+			this.buildProgressBar();
+			$('#redactor-progress').fadeIn();
+		},
+		hideProgressBar: function()
+		{
+			$('#redactor-progress').fadeOut(1500);
+		},
+
 		// MODAL
 		modalTemplatesInit: function()
 		{
@@ -6806,7 +7252,6 @@
 			{
 				modal_file: String()
 				+ '<section id="redactor-modal-file-insert">'
-					+ '<div id="redactor-progress" class="redactor-progress-inline" style="display: none;"><span></span></div>'
 					+ '<form id="redactorUploadFileForm" method="post" action="" enctype="multipart/form-data">'
 						+ '<label>' + this.opts.curLang.filename + '</label>'
 						+ '<input type="text" id="redactor_filename" class="redactor_input" />'
@@ -6844,7 +7289,6 @@
 						+ '<a href="#" id="redactor-tab-control-2">' + this.opts.curLang.choose + '</a>'
 						+ '<a href="#" id="redactor-tab-control-3">' + this.opts.curLang.link + '</a>'
 					+ '</div>'
-					+ '<div id="redactor-progress" class="redactor-progress-inline" style="display: none;"><span></span></div>'
 					+ '<form id="redactorInsertImageForm" method="post" action="" enctype="multipart/form-data">'
 						+ '<div id="redactor_tab1" class="redactor_tab">'
 							+ '<input type="file" id="redactor_file" name="' + this.opts.imageUploadParam + '" />'
@@ -6865,6 +7309,7 @@
 
 				modal_link: String()
 				+ '<section id="redactor-modal-link-insert">'
+					+ '<select id="redactor-predefined-links" style="width: 99.5%; display: none;"></select>'
 					+ '<label>URL</label>'
 					+ '<input type="text" class="redactor_input" id="redactor_link_url" />'
 					+ '<label>' + this.opts.curLang.text + '</label>'
@@ -6904,44 +7349,107 @@
 		},
 		modalInit: function(title, content, width, callback)
 		{
-			var $redactorModalOverlay = $('#redactor_modal_overlay');
+			this.modalSetOverlay();
 
-			// modal overlay
-			if (!$redactorModalOverlay.length)
+			this.$redactorModalWidth = width;
+			this.$redactorModal = $('#redactor_modal');
+
+			if (!this.$redactorModal.length)
 			{
-				this.$overlay = $redactorModalOverlay = $('<div id="redactor_modal_overlay" style="display: none;"></div>');
-				$('body').prepend(this.$overlay);
+				this.$redactorModal = $('<div id="redactor_modal" style="display: none;" />');
+				this.$redactorModal.append($('<div id="redactor_modal_close">&times;</div>'));
+				this.$redactorModal.append($('<header id="redactor_modal_header" />'));
+				this.$redactorModal.append($('<div id="redactor_modal_inner" />'));
+				this.$redactorModal.appendTo(document.body);
 			}
 
-			if (this.opts.modalOverlay)
+			$('#redactor_modal_close').on('click', $.proxy(this.modalClose, this));
+			$(document).on('keyup', $.proxy(this.modalCloseHandler, this));
+			this.$editor.on('keyup', $.proxy(this.modalCloseHandler, this));
+
+			this.modalSetContent(content);
+			this.modalSetTitle(title);
+			this.modalSetDraggable();
+			this.modalLoadTabs();
+			this.modalOnCloseButton();
+			this.modalSetButtonsWidth();
+
+			this.saveModalScroll = this.document.body.scrollTop;
+			if (this.opts.autoresize === false)
 			{
-				$redactorModalOverlay.show().on('click', $.proxy(this.modalClose, this));
+				this.saveModalScroll = this.$editor.scrollTop();
 			}
 
-			var $redactorModal = $('#redactor_modal');
+			if (this.isMobile() === false) this.modalShowOnDesktop();
+			else this.modalShowOnMobile();
 
-			if (!$redactorModal.length)
+			// modal actions callback
+			if (typeof callback === 'function')
 			{
-				this.$modal = $redactorModal = $('<div id="redactor_modal" style="display: none;"><div id="redactor_modal_close">&times;</div><header id="redactor_modal_header"></header><div id="redactor_modal_inner"></div></div>');
-				$('body').append(this.$modal);
+				callback();
 			}
 
-			$('#redactor_modal_close').on('click', $.proxy(this.modalClose, this));
+			// modal shown callback
+			setTimeout($.proxy(function()
+			{
+				this.callback('modalOpened', this.$redactorModal);
+
+			}, this), 11);
+
+			// fix bootstrap modal focus
+			$(document).off('focusin.modal');
 
-			this.hdlModalClose = $.proxy(function(e)
+			// enter
+			this.$redactorModal.find('input[type=text]').on('keypress', $.proxy(function(e)
 			{
-				if (e.keyCode === this.keyCode.ESC)
+				if (e.which === 13)
 				{
-					this.modalClose();
-					return false;
+					this.$redactorModal.find('.redactor_modal_action_btn').click();
+					e.preventDefault();
 				}
+			}, this));
 
-			}, this);
+			return this.$redactorModal;
 
-			$(document).keyup(this.hdlModalClose);
-			this.$editor.keyup(this.hdlModalClose);
+		},
+		modalShowOnDesktop: function()
+		{
+			this.$redactorModal.css({
+				position: 'fixed',
+				top: '-2000px',
+				left: '50%',
+				width: this.$redactorModalWidth + 'px',
+				marginLeft: '-' + (this.$redactorModalWidth / 2) + 'px'
+			}).show();
 
-			// set content
+			this.modalSaveBodyOveflow = $(document.body).css('overflow');
+			$(document.body).css('overflow', 'hidden');
+
+			setTimeout($.proxy(function()
+			{
+				var height = this.$redactorModal.outerHeight();
+				this.$redactorModal.css({
+					top: '50%',
+					height: 'auto',
+					minHeight: 'auto',
+					marginTop: '-' + (height + 10) / 2 + 'px'
+				});
+			}, this), 15);
+		},
+		modalShowOnMobile: function()
+		{
+			this.$redactorModal.css({
+				position: 'fixed',
+				width: '100%',
+				height: '100%',
+				top: '0',
+				left: '0',
+				margin: '0',
+				minHeight: '300px'
+			}).show();
+		},
+		modalSetContent: function(content)
+		{
 			this.modalcontent = false;
 			if (content.indexOf('#') == 0)
 			{
@@ -6954,129 +7462,81 @@
 			{
 				$('#redactor_modal_inner').empty().append(content);
 			}
-
-			$redactorModal.find('#redactor_modal_header').html(title);
-
-			// draggable
-			if (typeof $.fn.draggable !== 'undefined')
-			{
-				$redactorModal.draggable({ handle: '#redactor_modal_header' });
-				$redactorModal.find('#redactor_modal_header').css('cursor', 'move');
-			}
-
-			var $redactor_tabs = $('#redactor_tabs');
-
-			// tabs
-			if ($redactor_tabs.length )
-			{
-				var that = this;
-				$redactor_tabs.find('a').each(function(i, s)
-				{
-					i++;
-					$(s).on('click', function(e)
-					{
-						e.preventDefault();
-
-						$redactor_tabs.find('a').removeClass('redactor_tabs_act');
-						$(this).addClass('redactor_tabs_act');
-						$('.redactor_tab').hide();
-						$('#redactor_tab' + i ).show();
-						$('#redactor_tab_selected').val(i);
-
-						if (that.isMobile() === false)
-						{
-							var height = $redactorModal.outerHeight();
-							$redactorModal.css('margin-top', '-' + (height + 10) / 2 + 'px');
-						}
-					});
-				});
-			}
-
-			$redactorModal.find('.redactor_btn_modal_close').on('click', $.proxy(this.modalClose, this));
-
-			var buttons = $redactorModal.find('footer button');
+		},
+		modalSetTitle: function(title)
+		{
+			this.$redactorModal.find('#redactor_modal_header').html(title);
+		},
+		modalSetButtonsWidth: function()
+		{
+			var buttons = this.$redactorModal.find('footer button').not('.redactor_modal_btn_hidden');
 			var buttonsSize = buttons.size();
 			if (buttonsSize > 0)
 			{
-				$(buttons).css('width', (width/buttonsSize) + 'px')
-			}
-
-			// save scroll
-			if (this.opts.autoresize === true)
-			{
-				this.saveModalScroll = this.document.body.scrollTop;
-			}
-			else
-			{
-				this.saveModalScroll = this.$editor.scrollTop();
+				$(buttons).css('width', (this.$redactorModalWidth/buttonsSize) + 'px')
 			}
-
-			if (this.isMobile() === false)
+		},
+		modalOnCloseButton: function()
+		{
+			this.$redactorModal.find('.redactor_btn_modal_close').on('click', $.proxy(this.modalClose, this));
+		},
+		modalSetOverlay: function()
+		{
+			if (this.opts.modalOverlay)
 			{
-				$redactorModal.css({
-					position: 'fixed',
-					top: '-2000px',
-					left: '50%',
-					width: width + 'px',
-					marginLeft: '-' + (width / 2) + 'px'
-				}).show();
-
-				this.modalSaveBodyOveflow = $(document.body).css('overflow');
-				$(document.body).css('overflow', 'hidden');
+				this.$redactorModalOverlay = $('#redactor_modal_overlay');
+				if (!this.$redactorModalOverlay.length)
+				{
+					this.$redactorModalOverlay = $('<div id="redactor_modal_overlay" style="display: none;"></div>');
+					$('body').prepend(this.$redactorModalOverlay);
+				}
 
+				this.$redactorModalOverlay.show().on('click', $.proxy(this.modalClose, this));
 			}
-			else
+		},
+		modalSetDraggable: function()
+		{
+			if (typeof $.fn.draggable !== 'undefined')
 			{
-				$redactorModal.css({
-					position: 'fixed',
-					width: '100%',
-					height: '100%',
-					top: '0',
-					left: '0',
-					margin: '0',
-					minHeight: '300px'
-				}).show();
+				this.$redactorModal.draggable({ handle: '#redactor_modal_header' });
+				this.$redactorModal.find('#redactor_modal_header').css('cursor', 'move');
 			}
+		},
+		modalLoadTabs: function()
+		{
+			var $redactor_tabs = $('#redactor_tabs');
+			if (!$redactor_tabs.length) return false;
 
-			// modal actions callback
-			if (typeof callback === 'function')
+			var that = this;
+			$redactor_tabs.find('a').each(function(i, s)
 			{
-				callback();
-			}
-
-			// modal shown callback
-			setTimeout($.proxy(function()
-			{
-				this.callback('modalOpened');
+				i++;
+				$(s).on('click', function(e)
+				{
+					e.preventDefault();
 
-			}, this), 11);
+					$redactor_tabs.find('a').removeClass('redactor_tabs_act');
+					$(this).addClass('redactor_tabs_act');
+					$('.redactor_tab').hide();
+					$('#redactor_tab' + i ).show();
+					$('#redactor_tab_selected').val(i);
 
-			// fix bootstrap modal focus
-			$(document).off('focusin.modal');
+					if (that.isMobile() === false)
+					{
+						var height = that.$redactorModal.outerHeight();
+						that.$redactorModal.css('margin-top', '-' + (height + 10) / 2 + 'px');
+					}
+				});
+			});
 
-			if (this.isMobile() === false)
+		},
+		modalCloseHandler: function(e)
+		{
+			if (e.keyCode === this.keyCode.ESC)
 			{
-				setTimeout(function()
-				{
-					var height = $redactorModal.outerHeight();
-					$redactorModal.css({
-						top: '50%',
-						height: 'auto',
-						minHeight: 'auto',
-						marginTop: '-' + (height + 10) / 2 + 'px'
-					});
-				}, 10);
+				this.modalClose();
+				return false;
 			}
-
-			$redactorModal.find('input[type=text]').keypress(function(e)
-			{
-				if (e.which === 13 )
-				{
-					$redactorModal.find('.redactor_modal_action_btn').click();
-					e.preventDefault();
-				}
-			});
-
 		},
 		modalClose: function()
 		{
@@ -7098,8 +7558,8 @@
 					$('#redactor_modal_overlay').hide().off('click', this.modalClose);
 				}
 
-				$(document).unbind('keyup', this.hdlModalClose);
-				this.$editor.unbind('keyup', this.hdlModalClose);
+				$(document).off('keyup', this.modalCloseHandler);
+				this.$editor.off('keyup', this.modalCloseHandler);
 
 				this.selectionRestore();
 
@@ -7161,11 +7621,12 @@
 			// Hack to pass bytes through unprocessed.
 			if (xhr.overrideMimeType) xhr.overrideMimeType('text/plain; charset=x-user-defined');
 
+			var that = this;
 			xhr.onreadystatechange = function(e)
 			{
 				if (this.readyState == 4 && this.status == 200)
 				{
-					$('#redactor-progress').fadeIn();
+					that.showProgressBar();
 					callback(decodeURIComponent(this.responseText));
 				}
 				else if(this.readyState == 4 && this.status != 200)
@@ -7210,7 +7671,7 @@
 					{
 						//setProgress(100, 'Upload completed.');
 
-						$('#redactor-progress, #redactor-progress-drag').hide();
+						this.hideProgressBar();
 
 						var s3image = url.split('?');
 
@@ -7320,7 +7781,7 @@
 		},
 		uploadSubmit: function(e)
 		{
-			$('#redactor-progress').fadeIn();
+			this.showProgressBar();
 			this.uploadForm(this.element, this.uploadFrame());
 		},
 		uploadFrame: function()
@@ -7401,7 +7862,7 @@
 			// Success
 			if (this.uploadOptions.success)
 			{
-				$('#redactor-progress').hide();
+				this.hideProgressBar();
 
 				if (typeof d !== 'undefined')
 				{
@@ -7477,12 +7938,12 @@
 				e.preventDefault();
 
 				this.dropareabox.removeClass('hover').addClass('drop');
-
-				this.dragUploadAjax(this.draguploadOptions.url, e.dataTransfer.files[0], false, false, false, this.draguploadOptions.uploadParam);
+				this.showProgressBar();
+				this.dragUploadAjax(this.draguploadOptions.url, e.dataTransfer.files[0], false, e, this.draguploadOptions.uploadParam);
 
 			}, this );
 		},
-		dragUploadAjax: function(url, file, directupload, progress, e, uploadParam)
+		dragUploadAjax: function(url, file, directupload, e, uploadParam)
 		{
 			if (!directupload)
 			{
@@ -7538,13 +7999,10 @@
 
 					var json = (typeof data === 'string' ? $.parseJSON(data) : data);
 
+					this.hideProgressBar();
+
 					if (directupload)
 					{
-						progress.fadeOut('slow', function()
-						{
-							$(this).remove();
-						});
-
 					    var $img = $('<img>');
 						$img.attr('src', json.filelink).attr('id', 'drag-image-marker');
 
@@ -7631,6 +8089,21 @@
 
 			return html == '';
 		},
+		getInternetExplorerVersion: function()
+		{
+			var rv = false;
+			if (navigator.appName == 'Microsoft Internet Explorer')
+			{
+				var ua = navigator.userAgent;
+				var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
+				if (re.exec(ua) != null)
+				{
+					rv = parseFloat(RegExp.$1);
+				}
+			}
+
+			return rv;
+		},
 		isIe11: function()
 		{
 			return !!navigator.userAgent.match(/Trident\/7\./);
@@ -7745,11 +8218,9 @@
 	// LINKIFY
 	$.Redactor.fn.formatLinkify = function(protocol, convertLinks, convertImageLinks, convertVideoLinks, linkSize)
 	{
-		var url1 = /(^|&lt;|\s)(www\..+?\..+?)([.),]?)(\s|\.\s+|\)|&gt;|$)/,
-			url2 = /(^|&lt;|\s)(((https?|ftp):\/\/|mailto:).+?)([.),]?)(\s|\.\s+|\)|&gt;|$)/,
-			urlImage = /(https?:\/\/.*\.(?:png|jpg|jpeg|gif))/gi,
-			urlYoutube = /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w.-]*(?:['"][^<>]*>|<\/a>))[?=&+%\w.-]*/ig,
-			urlVimeo = /https?:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/;
+		var url = /(((https?|ftps?):\/\/)|www[.][^\s])(.+?\..+?)([.),]?)(\s|\.\s+|\)|$)/gi,
+			rProtocol = /(https?|ftp):\/\//i,
+			urlImage = /(https?:\/\/.*\.(?:png|jpg|jpeg|gif))/gi;
 
 		var childNodes = (this.$editor ? this.$editor.get(0) : this).childNodes, i = childNodes.length;
 		while (i--)
@@ -7765,14 +8236,14 @@
 					var iframeStart = '<iframe width="500" height="281" src="',
 						iframeEnd = '" frameborder="0" allowfullscreen></iframe>';
 
-					if (html.match(urlYoutube))
+					if (html.match(reUrlYoutube))
 					{
-						html = html.replace(urlYoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
+						html = html.replace(reUrlYoutube, iframeStart + '//www.youtube.com/embed/$1' + iframeEnd);
 						$(n).after(html).remove();
 					}
-					else if (html.match(urlVimeo))
+					else if (html.match(reUrlVimeo))
 					{
-						html = html.replace(urlVimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
+						html = html.replace(reUrlVimeo, iframeStart + '//player.vimeo.com/video/$2' + iframeEnd);
 						$(n).after(html).remove();
 					}
 				}
@@ -7786,74 +8257,32 @@
 				}
 
 				// link
-				if (convertLinks && html && (html.match(url1) || html.match(url2)))
+				if (convertLinks && html && html.match(url))
 				{
-					var found = true;
-					var first = true;
+					var matches = html.match(url);
 
-					while (found)
+					for (var i in matches)
 					{
-						var href;
-						var url = url1;
-						var href1 = url1.exec(html);
-						var href2 = url2.exec(html);
+						var href = matches[i];
+						var text = href;
 
-						if (href1 && href1[2] && href2 && href2[2])
-						{
-							//process whichever came first sequentially *first*
-							var index1 = html.indexOf(href1[2]);
-							var index2 = html.indexOf(href2[2]);
-							if (index1 < index2)
-							{
-								href = href1;
-								url = url1;
-							}
-							else
-							{
-								href = href2;
-								url = url2
-							}
-						}
-						else if (href1 && href1[2])
-						{
-							href = href1;
-							url = url1
-						}
-						else if (href2 && href2[2])
-						{
-							href = href2;
-							url = url2
-						}
+						var space = '';
+						if (href.match(/\s$/) !== null) space = ' ';
 
-						found = (href && href.length);
-						if (found)
-						{
-							href = href[2];
-						}
+						var addProtocol = protocol;
+						if (href.match(rProtocol) !== null) addProtocol = '';
 
-						if (found && href && href.length > linkSize)
-						{
-							href = href.substring(0, linkSize) + '...';
-						}
+						if (text.length > linkSize) text = text.substring(0, linkSize) + '...';
 
-						if (first)
-						{
-							html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-						}
+						text = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
 
-						if (found && href)
-						{
-							if (url == url1)
-							{
-								html = html.replace(url1, '$1<a href="' + protocol + '$2">' + $.trim(href) + '</a>$3$4')
-							}
-							else
-							{
-								html = html.replace(url2, '$1<a href="$2">' + $.trim(href) + '</a>$5$6');
-							}
-						}
+						/*
+							To handle URLs which may have $ characters in them, need to escape $ -> $$ to prevent $1 from getting treated as a backreference.
+							See http://gotofritz.net/blog/code-snippets/escaping-in-replace-strings-in-javascript/
+						*/
+						var escapedBackReferences = text.replace('$', '$$$');
 
-						first = false;
+						html = html.replace(href, '<a href=\"' + addProtocol + $.trim(href) + '\">' + $.trim(escapedBackReferences) + '</a>' + space);
 					}
 
 					$(n).after(html).remove();