From ee0cf73865bacc3ec29ebd5f86e6307c397cb986 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 30 Mar 2014 19:04:52 +0200
Subject: [PATCH] Improved image handling in Redactor, disabled image resize

---
 .../js/3rdParty/redactor/plugins/wbbcode.js   |  2 +-
 .../3rdParty/redactor/plugins/wmonkeypatch.js | 77 ++++++++++---------
 2 files changed, 43 insertions(+), 36 deletions(-)

diff --git a/wcfsetup/install/files/js/3rdParty/redactor/plugins/wbbcode.js b/wcfsetup/install/files/js/3rdParty/redactor/plugins/wbbcode.js
index 9f639705a9..7c9365165e 100644
--- a/wcfsetup/install/files/js/3rdParty/redactor/plugins/wbbcode.js
+++ b/wcfsetup/install/files/js/3rdParty/redactor/plugins/wbbcode.js
@@ -181,7 +181,7 @@ RedactorPlugins.wbbcode = {
 		html = html.replace(/<img [^>]*?class="smiley" alt="([^"]+?)".*?>/gi, '$1'); // chrome, ie
 		
 		// [img]
-		html = html.replace(/<img [^>]*?src=(["'])([^"']+?)\1 style="float: (left|right)".*?>/gi, "[img='$2',$3][/img]");
+		html = html.replace(/<img [^>]*?src=(["'])([^"']+?)\1 style="float: (left|right)[^"]*".*?>/gi, "[img='$2',$3][/img]");
 		html = html.replace(/<img [^>]*?src=(["'])([^"']+?)\1.*?>/gi, '[img]$2[/img]');
 		
 		// [quote]
diff --git a/wcfsetup/install/files/js/3rdParty/redactor/plugins/wmonkeypatch.js b/wcfsetup/install/files/js/3rdParty/redactor/plugins/wmonkeypatch.js
index 67e166d1d9..cc1678d936 100644
--- a/wcfsetup/install/files/js/3rdParty/redactor/plugins/wmonkeypatch.js
+++ b/wcfsetup/install/files/js/3rdParty/redactor/plugins/wmonkeypatch.js
@@ -50,6 +50,11 @@ RedactorPlugins.wmonkeypatch = {
 			$mpModalInit.call(self, title, content, width, callback);
 		};
 		
+		var $mpImageResizeControls = this.imageResizeControls;
+		this.imageResizeControls = function(image) {
+			return $mpImageResizeControls.call(self, image).hide();
+		};
+		
 		this.setOption('modalOpenedCallback', $.proxy(this.modalOpenedCallback, this));
 		
 		this.modalTemplatesInit();
@@ -114,12 +119,43 @@ RedactorPlugins.wmonkeypatch = {
 					+ '<dt><label for="redactor_file_link">' + this.opts.curLang.image_web_link + '</label></dt>'
 					+ '<dd><input type="text" name="redactor_file_link" id="redactor_file_link" class="long"  /></dd>'
 				+ '</dl>'
+				+ '<dl>'
+					+ '<dt><label for="redactor_form_image_align">' + this.opts.curLang.image_position + '</label></dt>'
+					+ '<dd>'
+						+ '<select id="redactor_form_image_align">'
+							+ '<option value="none">' + this.opts.curLang.none + '</option>'
+							+ '<option value="left">' + this.opts.curLang.left + '</option>'
+							+ '<option value="right">' + this.opts.curLang.right + '</option>'
+						+ '</select>'
+					+ '</dd>'
+				+ '</dl>'
 			+ '</fieldset>'
 			+ '<div class="formSubmit">'
 				+ '<button id="redactor_upload_btn">' + this.opts.curLang.insert + '</button>'
 			+ '</div>'
 		);
 		
+		this.setOption('modal_image_edit', this.getOption('modal_image').replace(
+			'<button id="redactor_upload_btn">' + this.opts.curLang.insert + '</button>',
+			'<button id="redactorSaveBtn">' + this.opts.curLang.save + '</button>'
+		));
+		
+		this.setOption('modal_link',
+			'<fieldset>'
+				+ '<dl>'
+					+ '<dt><label for="redactor_link_url">URL</label></dt>'
+					+ '<dd><input type="text" id="redactor_link_url" class="long" /></dd>'
+				+ '</dl>'
+				+ '<dl>'
+					+ '<dt><label for="redactor_link_url_text">' + this.opts.curLang.text + '</label></dt>'
+					+ '<dd><input type="text" id="redactor_link_url_text" class="long" /></dd>'
+				+ '</dl>'
+			+ '</fieldset>'
+			+ '<div class="formSubmit">'
+				+ '<button id="redactor_insert_link_btn">' + this.opts.curLang.insert + '</button>'
+			+ '</div>'
+		);
+		
 		this.setOption('modal_table',
 			'<fieldset>'
 				+ '<dl>'
@@ -148,42 +184,13 @@ RedactorPlugins.wmonkeypatch = {
 					+ '</div>'
 				+ '</form>'
 			+ '</section>',
-
-			modal_image_edit: String()
-			+ '<section id="redactor-modal-image-edit">'
-				+ '<label>' + this.opts.curLang.title + '</label>'
-				+ '<input type="text" id="redactor_file_alt" class="redactor_input" />'
-				+ '<label>' + this.opts.curLang.link + '</label>'
-				+ '<input type="text" id="redactor_file_link" class="redactor_input" />'
-				+ '<label><input type="checkbox" id="redactor_link_blank"> ' + this.opts.curLang.link_new_tab + '</label>'
-				+ '<label>' + this.opts.curLang.image_position + '</label>'
-				+ '<select id="redactor_form_image_align">'
-					+ '<option value="none">' + this.opts.curLang.none + '</option>'
-					+ '<option value="left">' + this.opts.curLang.left + '</option>'
-					+ '<option value="center">' + this.opts.curLang.center + '</option>'
-					+ '<option value="right">' + this.opts.curLang.right + '</option>'
-				+ '</select>'
-			+ '</section>'
-			+ '<footer>'
-				+ '<button id="redactor_image_delete_btn" class="redactor_modal_btn redactor_modal_delete_btn">' + this.opts.curLang._delete + '</button>'
-				+ '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
-				+ '<button id="redactorSaveBtn" class="redactor_modal_btn redactor_modal_action_btn">' + this.opts.curLang.save + '</button>'
-			+ '</footer>',
-
+			// img edit
+			
 			// img
 
-			modal_link: String()
-			+ '<section id="redactor-modal-link-insert">'
-				+ '<label>URL</label>'
-				+ '<input type="text" class="redactor_input" id="redactor_link_url" />'
-				+ '<label>' + this.opts.curLang.text + '</label>'
-				+ '<input type="text" class="redactor_input" id="redactor_link_url_text" />'
-				+ '<label><input type="checkbox" id="redactor_link_blank"> ' + this.opts.curLang.link_new_tab + '</label>'
-			+ '</section>'
-			+ '<footer>'
-				+ '<button class="redactor_modal_btn redactor_btn_modal_close">' + this.opts.curLang.cancel + '</button>'
-				+ '<button id="redactor_insert_link_btn" class="redactor_modal_btn redactor_modal_action_btn">' + this.opts.curLang.insert + '</button>'
-			+ '</footer>',
+			// link
+			
+			// table
 			
 			modal_video: String()
 			+ '<section id="redactor-modal-video-insert">'
@@ -274,5 +281,5 @@ RedactorPlugins.wmonkeypatch = {
 			callback.call(this, node);
 
 		}, this ) );
-	},
+	}
 }
\ No newline at end of file
-- 
2.20.1