rails_kindeditor 0.2.2 → 0.2.3

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/flash/flash.js

@@ -1,145 +1,145 @@
-/*******************************************************************************
-* KindEditor - WYSIWYG HTML Editor for Internet
-* Copyright (C) 2006-2011 kindsoft.net
-*
-* @author Roddy <luolonghao@gmail.com>
-* @site http://www.kindsoft.net/
-* @licence http://www.kindsoft.net/license.php
-*******************************************************************************/
-
-KindEditor.plugin('flash', function(K) {
-	var self = this, name = 'flash', lang = self.lang(name + '.'),
-		allowFlashUpload = K.undef(self.allowFlashUpload, true),
-		allowFileManager = K.undef(self.allowFileManager, false),
-		uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
-	self.plugin.flash = {
-		edit : function() {
-			var html = [
-				'<div style="padding:10px 20px;">',
-				//url
-				'<div class="ke-dialog-row">',
-				'<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
-				'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> &nbsp;',
-				'<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> &nbsp;',
-				'<span class="ke-button-common ke-button-outer">',
-				'<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
-				'</span>',
-				'</div>',
-				//width
-				'<div class="ke-dialog-row">',
-				'<label for="keWidth" style="width:60px;">' + lang.width + '</label>',
-				'<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" /> ',
-				'</div>',
-				//height
-				'<div class="ke-dialog-row">',
-				'<label for="keHeight" style="width:60px;">' + lang.height + '</label>',
-				'<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" /> ',
-				'</div>',
-				'</div>'
-			].join('');
-			var dialog = self.createDialog({
-				name : name,
-				width : 450,
-				height : 200,
-				title : self.lang(name),
-				body : html,
-				yesBtn : {
-					name : self.lang('yes'),
-					click : function(e) {
-						var url = K.trim(urlBox.val()),
-							width = widthBox.val(),
-							height = heightBox.val();
-						if (url == 'http://' || K.invalidUrl(url)) {
-							alert(self.lang('invalidUrl'));
-							urlBox[0].focus();
-							return;
-						}
-						if (!/^\d*$/.test(width)) {
-							alert(self.lang('invalidWidth'));
-							widthBox[0].focus();
-							return;
-						}
-						if (!/^\d*$/.test(height)) {
-							alert(self.lang('invalidHeight'));
-							heightBox[0].focus();
-							return;
-						}
-						var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
-								src : url,
-								type : K.mediaType('.swf'),
-								width : width,
-								height : height,
-								quality : 'high'
-							});
-						self.insertHtml(html).hideDialog().focus();
-					}
-				}
-			}),
-			div = dialog.div,
-			urlBox = K('[name="url"]', div),
-			viewServerBtn = K('[name="viewServer"]', div),
-			widthBox = K('[name="width"]', div),
-			heightBox = K('[name="height"]', div);
-			urlBox.val('http://');
-
-			if (allowFlashUpload) {
-				var uploadbutton = K.uploadbutton({
-					button : K('.ke-upload-button', div)[0],
-					fieldName : 'imgFile',
-					url : K.addParam(uploadJson, 'dir=flash'),
-					afterUpload : function(data) {
-						if (data.error === 0) {
-							var url = K.formatUrl(data.url, 'absolute');
-							urlBox.val(url);
-							if (self.afterUpload) {
-								self.afterUpload.call(self, url);
-							}
-							alert(self.lang('uploadSuccess'));
-						} else {
-							alert(data.message);
-						}
-					}
-				});
-				uploadbutton.fileBox.change(function(e) {
-					uploadbutton.submit();
-				});
-			} else {
-				K('.ke-upload-button', div).hide();
-				urlBox.width(250);
-			}
-
-			if (allowFileManager) {
-				viewServerBtn.click(function(e) {
-					self.loadPlugin('filemanager', function() {
-						self.plugin.filemanagerDialog({
-							viewType : 'LIST',
-							dirName : 'flash',
-							clickFn : function(url, title) {
-								if (self.dialogs.length > 1) {
-									K('[name="url"]', div).val(url);
-									self.hideDialog();
-								}
-							}
-						});
-					});
-				});
-			} else {
-				viewServerBtn.hide();
-			}
-
-			var img = self.plugin.getSelectedFlash();
-			if (img) {
-				var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
-				urlBox.val(attrs.src);
-				widthBox.val(K.removeUnit(img.css('width')) || attrs.width || 0);
-				heightBox.val(K.removeUnit(img.css('height')) || attrs.height || 0);
-			}
-			urlBox[0].focus();
-			urlBox[0].select();
-		},
-		'delete' : function() {
-			self.plugin.getSelectedFlash().remove();
-		}
-	};
-	self.clickToolbar(name, self.plugin.flash.edit);
-});
+/*******************************************************************************
+* KindEditor - WYSIWYG HTML Editor for Internet
+* Copyright (C) 2006-2011 kindsoft.net
+*
+* @author Roddy <luolonghao@gmail.com>
+* @site http://www.kindsoft.net/
+* @licence http://www.kindsoft.net/license.php
+*******************************************************************************/
+
+KindEditor.plugin('flash', function(K) {
+	var self = this, name = 'flash', lang = self.lang(name + '.'),
+		allowFlashUpload = K.undef(self.allowFlashUpload, true),
+		allowFileManager = K.undef(self.allowFileManager, false),
+		uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
+	self.plugin.flash = {
+		edit : function() {
+			var html = [
+				'<div style="padding:10px 20px;">',
+				//url
+				'<div class="ke-dialog-row">',
+				'<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
+				'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> &nbsp;',
+				'<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> &nbsp;',
+				'<span class="ke-button-common ke-button-outer">',
+				'<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
+				'</span>',
+				'</div>',
+				//width
+				'<div class="ke-dialog-row">',
+				'<label for="keWidth" style="width:60px;">' + lang.width + '</label>',
+				'<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" /> ',
+				'</div>',
+				//height
+				'<div class="ke-dialog-row">',
+				'<label for="keHeight" style="width:60px;">' + lang.height + '</label>',
+				'<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" /> ',
+				'</div>',
+				'</div>'
+			].join('');
+			var dialog = self.createDialog({
+				name : name,
+				width : 450,
+				height : 200,
+				title : self.lang(name),
+				body : html,
+				yesBtn : {
+					name : self.lang('yes'),
+					click : function(e) {
+						var url = K.trim(urlBox.val()),
+							width = widthBox.val(),
+							height = heightBox.val();
+						if (url == 'http://' || K.invalidUrl(url)) {
+							alert(self.lang('invalidUrl'));
+							urlBox[0].focus();
+							return;
+						}
+						if (!/^\d*$/.test(width)) {
+							alert(self.lang('invalidWidth'));
+							widthBox[0].focus();
+							return;
+						}
+						if (!/^\d*$/.test(height)) {
+							alert(self.lang('invalidHeight'));
+							heightBox[0].focus();
+							return;
+						}
+						var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
+								src : url,
+								type : K.mediaType('.swf'),
+								width : width,
+								height : height,
+								quality : 'high'
+							});
+						self.insertHtml(html).hideDialog().focus();
+					}
+				}
+			}),
+			div = dialog.div,
+			urlBox = K('[name="url"]', div),
+			viewServerBtn = K('[name="viewServer"]', div),
+			widthBox = K('[name="width"]', div),
+			heightBox = K('[name="height"]', div);
+			urlBox.val('http://');
+
+			if (allowFlashUpload) {
+				var uploadbutton = K.uploadbutton({
+					button : K('.ke-upload-button', div)[0],
+					fieldName : 'imgFile',
+					url : K.addParam(uploadJson, 'dir=flash'),
+					afterUpload : function(data) {
+						if (data.error === 0) {
+							var url = K.formatUrl(data.url, 'absolute');
+							urlBox.val(url);
+							if (self.afterUpload) {
+								self.afterUpload.call(self, url);
+							}
+							alert(self.lang('uploadSuccess'));
+						} else {
+							alert(data.message);
+						}
+					}
+				});
+				uploadbutton.fileBox.change(function(e) {
+					uploadbutton.submit();
+				});
+			} else {
+				K('.ke-upload-button', div).hide();
+				urlBox.width(250);
+			}
+
+			if (allowFileManager) {
+				viewServerBtn.click(function(e) {
+					self.loadPlugin('filemanager', function() {
+						self.plugin.filemanagerDialog({
+							viewType : 'LIST',
+							dirName : 'flash',
+							clickFn : function(url, title) {
+								if (self.dialogs.length > 1) {
+									K('[name="url"]', div).val(url);
+									self.hideDialog();
+								}
+							}
+						});
+					});
+				});
+			} else {
+				viewServerBtn.hide();
+			}
+
+			var img = self.plugin.getSelectedFlash();
+			if (img) {
+				var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
+				urlBox.val(attrs.src);
+				widthBox.val(K.removeUnit(img.css('width')) || attrs.width || 0);
+				heightBox.val(K.removeUnit(img.css('height')) || attrs.height || 0);
+			}
+			urlBox[0].focus();
+			urlBox[0].select();
+		},
+		'delete' : function() {
+			self.plugin.getSelectedFlash().remove();
+		}
+	};
+	self.clickToolbar(name, self.plugin.flash.edit);
+});

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/image/image.js

@@ -1,242 +1,259 @@
-/*******************************************************************************
-* KindEditor - WYSIWYG HTML Editor for Internet
-* Copyright (C) 2006-2011 kindsoft.net
-*
-* @author Roddy <luolonghao@gmail.com>
-* @site http://www.kindsoft.net/
-* @licence http://www.kindsoft.net/license.php
-*******************************************************************************/
-
-KindEditor.plugin('image', function(K) {
-	var self = this, name = 'image',
-		allowImageUpload = K.undef(self.allowImageUpload, true),
-		allowFileManager = K.undef(self.allowFileManager, false),
-		uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
-		imgPath = self.basePath + 'plugins/image/images/',
-		lang = self.lang(name + '.');
-	self.plugin.image = {
-		edit : function() {
-			var html = [
-				'<div style="padding:10px 20px;">',
-				//tabs
-				'<div class="tabs"></div>',
-				//url or file
-				'<div class="ke-dialog-row">',
-				'<div class="tab1" style="display:none;">',
-				'<label for="keUrl" style="width:60px;">' + lang.remoteUrl + '</label>',
-				'<input type="text" id="keUrl" class="ke-input-text" name="url" value="" style="width:200px;" /> &nbsp;',
-				'<span class="ke-button-common ke-button-outer">',
-				'<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
-				'</span>',
-				'</div>',
-				'<div class="tab2" style="display:none;">',
-				'<label style="width:60px;">' + lang.localUrl + '</label>',
-				'<input type="text" name="localUrl" class="ke-input-text" tabindex="-1" style="width:200px;" readonly="true" /> &nbsp;',
-				'<input type="button" class="ke-upload-button" value="' + lang.viewServer + '" />',
-				'</div>',
-				'</div>',
-				//size
-				'<div class="ke-dialog-row">',
-				'<label for="keWidth" style="width:60px;">' + lang.size + '</label>',
-				lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> ',
-				lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> ',
-				'<img class="ke-refresh-btn" src="' + imgPath + 'refresh.gif" width="16" height="16" alt="" style="cursor:pointer;" />',
-				'</div>',
-				//align
-				'<div class="ke-dialog-row">',
-				'<label style="width:60px;">' + lang.align + '</label>',
-				'<input type="radio" name="align" class="ke-inline-block" value="" checked="checked" /> <img name="defaultImg" src="' + imgPath + 'align_top.gif" width="23" height="25" alt="" />',
-				' <input type="radio" name="align" class="ke-inline-block" value="left" /> <img name="leftImg" src="' + imgPath + 'align_left.gif" width="23" height="25" alt="" />',
-				' <input type="radio" name="align" class="ke-inline-block" value="right" /> <img name="rightImg" src="' + imgPath + 'align_right.gif" width="23" height="25" alt="" />',
-				'</div>',
-				//title
-				'<div class="ke-dialog-row">',
-				'<label for="keTitle" style="width:60px;">' + lang.imgTitle + '</label>',
-				'<input type="text" id="keTitle" class="ke-input-text" name="title" value="" style="width:200px;" /></div>',
-				'</div>',
-				'</div>'
-			].join('');
-			var dialogWidth = allowImageUpload ? 450 : 400;
-				dialogHeight = allowImageUpload ? 300 : 250;
-			var dialog = self.createDialog({
-				name : name,
-				width : dialogWidth,
-				height : dialogHeight,
-				title : self.lang(name),
-				body : html,
-				yesBtn : {
-					name : self.lang('yes'),
-					click : function(e) {
-						// insert local image
-						if (tabs && tabs.selectedIndex === 1) {
-							uploadbutton.submit();
-							localUrlBox.val('');
-							return;
-						}
-						// insert remote image
-						var url = K.trim(urlBox.val()),
-							width = widthBox.val(),
-							height = heightBox.val(),
-							title = titleBox.val(),
-							align = '';
-						alignBox.each(function() {
-							if (this.checked) {
-								align = this.value;
-								return false;
-							}
-						});
-						if (url == 'http://' || K.invalidUrl(url)) {
-							alert(self.lang('invalidUrl'));
-							urlBox[0].focus();
-							return;
-						}
-						if (!/^\d*$/.test(width)) {
-							alert(self.lang('invalidWidth'));
-							widthBox[0].focus();
-							return;
-						}
-						if (!/^\d*$/.test(height)) {
-							alert(self.lang('invalidHeight'));
-							heightBox[0].focus();
-							return;
-						}
-						self.exec('insertimage', url, title, width, height, 0, align).hideDialog().focus();
-					}
-				},
-				beforeRemove : function() {
-					viewServerBtn.remove();
-					widthBox.remove();
-					heightBox.remove();
-					refreshBtn.remove();
-					uploadbutton.remove();
-				}
-			}),
-			div = dialog.div;
-
-			var tabs;
-			if (allowImageUpload) {
-				tabs = K.tabs({
-					src : K('.tabs', div),
-					afterSelect : function(i) {
-				
-					}
-				});
-				tabs.add({
-					title : lang.remoteImage,
-					panel : K('.tab1', div)
-				});
-				tabs.add({
-					title : lang.localImage,
-					panel : K('.tab2', div)
-				});
-				tabs.select(0);
-			} else {
-				K('.tab1', div).show();
-			}
-
-			var urlBox = K('[name="url"]', div),
-				localUrlBox = K('[name="localUrl"]', div),
-				viewServerBtn = K('[name="viewServer"]', div),
-				widthBox = K('[name="width"]', div),
-				heightBox = K('[name="height"]', div),
-				refreshBtn = K('.ke-refresh-btn', div),
-				titleBox = K('[name="title"]', div),
-				alignBox = K('[name="align"]');
-
-			var uploadbutton = K.uploadbutton({
-				button : K('.ke-upload-button', div)[0],
-				fieldName : 'imgFile',
-				url : K.addParam(uploadJson, 'dir=image'),
-				afterUpload : function(data) {
-					if (data.error === 0) {
-						var width = widthBox.val(),
-							height = heightBox.val(),
-							title = titleBox.val(),
-							align = '';
-						alignBox.each(function() {
-							if (this.checked) {
-								align = this.value;
-								return false;
-							}
-						});
-						var url = K.formatUrl(data.url, 'absolute');
-						self.exec('insertimage', url, title, width, height, 0, align).hideDialog().focus();
-						if (self.afterUpload) {
-							self.afterUpload.call(self, url);
-						}
-					} else {
-						alert(data.message);
-					}
-				}
-			});
-			uploadbutton.fileBox.change(function(e) {
-				localUrlBox.val(uploadbutton.fileBox.val());
-			});
-			if (allowFileManager) {
-				viewServerBtn.click(function(e) {
-					self.loadPlugin('filemanager', function() {
-						self.plugin.filemanagerDialog({
-							viewType : 'VIEW',
-							dirName : 'image',
-							clickFn : function(url, title) {
-								if (self.dialogs.length > 1) {
-									K('[name="url"]', div).val(url);
-									self.hideDialog();
-								}
-							}
-						});
-					});
-				});
-			} else {
-				viewServerBtn.hide();
-			}
-			var originalWidth = 0, originalHeight = 0;
-			function setSize(width, height) {
-				widthBox.val(width);
-				heightBox.val(height);
-				originalWidth = width;
-				originalHeight = height;
-			}
-			refreshBtn.click(function(e) {
-				var tempImg = K('<img src="' + urlBox.val() + '" />', self.edit.doc).css({
-						position : 'absolute',
-						visibility : 'hidden',
-						top : 0,
-						left : '1000px'
-					});
-				K(self.edit.doc.body).append(tempImg);
-				setSize(tempImg.width(), tempImg.height());
-				tempImg.remove();
-			});
-			widthBox.change(function(e) {
-				if (originalWidth > 0) {
-					heightBox.val(Math.round(originalHeight / originalWidth * parseInt(this.value, 10)));
-				}
-			});
-			heightBox.change(function(e) {
-				if (originalHeight > 0) {
-					widthBox.val(Math.round(originalWidth / originalHeight * parseInt(this.value, 10)));
-				}
-			});
-			urlBox.val('http://');
-			var img = self.plugin.getSelectedImage();
-			if (img) {
-				urlBox.val(img.attr('data-ke-src'));
-				setSize(img.width(), img.height());
-				titleBox.val(img.attr('title'));
-				alignBox.each(function() {
-					if (this.value === img.attr('align')) {
-						this.checked = true;
-						return false;
-					}
-				});
-			}
-			urlBox[0].focus();
-			urlBox[0].select();
-		},
-		'delete' : function() {
-			self.plugin.getSelectedImage().remove();
-		}
-	};
-	self.clickToolbar(name, self.plugin.image.edit);
-});
+/*******************************************************************************
+* KindEditor - WYSIWYG HTML Editor for Internet
+* Copyright (C) 2006-2011 kindsoft.net
+*
+* @author Roddy <luolonghao@gmail.com>
+* @site http://www.kindsoft.net/
+* @licence http://www.kindsoft.net/license.php
+*******************************************************************************/
+
+KindEditor.plugin('image', function(K) {
+	var self = this, name = 'image',
+		allowImageUpload = K.undef(self.allowImageUpload, true),
+		allowFileManager = K.undef(self.allowFileManager, false),
+		uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
+		imgPath = self.basePath + 'plugins/image/images/',
+		lang = self.lang(name + '.');
+
+	self.plugin.imageDialog = function(options) {
+		var imageUrl = K.undef(options.imageUrl, 'http://'),
+			imageWidth = K.undef(options.imageWidth, ''),
+			imageHeight = K.undef(options.imageHeight, ''),
+			imageTitle = K.undef(options.imageTitle, ''),
+			imageAlign = K.undef(options.imageAlign, ''),
+			clickFn = options.clickFn;
+		var html = [
+			'<div style="padding:10px 20px;">',
+			//tabs
+			'<div class="tabs"></div>',
+			//url or file
+			'<div class="ke-dialog-row">',
+			'<div class="tab1" style="display:none;">',
+			'<label for="keUrl" style="width:60px;">' + lang.remoteUrl + '</label>',
+			'<input type="text" id="keUrl" class="ke-input-text" name="url" value="" style="width:200px;" /> &nbsp;',
+			'<span class="ke-button-common ke-button-outer">',
+			'<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
+			'</span>',
+			'</div>',
+			'<div class="tab2" style="display:none;">',
+			'<label style="width:60px;">' + lang.localUrl + '</label>',
+			'<input type="text" name="localUrl" class="ke-input-text" tabindex="-1" style="width:200px;" readonly="true" /> &nbsp;',
+			'<input type="button" class="ke-upload-button" value="' + lang.viewServer + '" />',
+			'</div>',
+			'</div>',
+			//size
+			'<div class="ke-dialog-row">',
+			'<label for="keWidth" style="width:60px;">' + lang.size + '</label>',
+			lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> ',
+			lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> ',
+			'<img class="ke-refresh-btn" src="' + imgPath + 'refresh.gif" width="16" height="16" alt="" style="cursor:pointer;" />',
+			'</div>',
+			//align
+			'<div class="ke-dialog-row">',
+			'<label style="width:60px;">' + lang.align + '</label>',
+			'<input type="radio" name="align" class="ke-inline-block" value="" checked="checked" /> <img name="defaultImg" src="' + imgPath + 'align_top.gif" width="23" height="25" alt="" />',
+			' <input type="radio" name="align" class="ke-inline-block" value="left" /> <img name="leftImg" src="' + imgPath + 'align_left.gif" width="23" height="25" alt="" />',
+			' <input type="radio" name="align" class="ke-inline-block" value="right" /> <img name="rightImg" src="' + imgPath + 'align_right.gif" width="23" height="25" alt="" />',
+			'</div>',
+			//title
+			'<div class="ke-dialog-row">',
+			'<label for="keTitle" style="width:60px;">' + lang.imgTitle + '</label>',
+			'<input type="text" id="keTitle" class="ke-input-text" name="title" value="" style="width:200px;" /></div>',
+			'</div>',
+			'</div>'
+		].join('');
+		var dialogWidth = allowImageUpload ? 450 : 400;
+			dialogHeight = allowImageUpload ? 300 : 250;
+		var dialog = self.createDialog({
+			name : name,
+			width : dialogWidth,
+			height : dialogHeight,
+			title : self.lang(name),
+			body : html,
+			yesBtn : {
+				name : self.lang('yes'),
+				click : function(e) {
+					// insert local image
+					if (tabs && tabs.selectedIndex === 1) {
+						uploadbutton.submit();
+						localUrlBox.val('');
+						return;
+					}
+					// insert remote image
+					var url = K.trim(urlBox.val()),
+						width = widthBox.val(),
+						height = heightBox.val(),
+						title = titleBox.val(),
+						align = '';
+					alignBox.each(function() {
+						if (this.checked) {
+							align = this.value;
+							return false;
+						}
+					});
+					if (url == 'http://' || K.invalidUrl(url)) {
+						alert(self.lang('invalidUrl'));
+						urlBox[0].focus();
+						return;
+					}
+					if (!/^\d*$/.test(width)) {
+						alert(self.lang('invalidWidth'));
+						widthBox[0].focus();
+						return;
+					}
+					if (!/^\d*$/.test(height)) {
+						alert(self.lang('invalidHeight'));
+						heightBox[0].focus();
+						return;
+					}
+					clickFn.call(self, url, title, width, height, 0, align);
+				}
+			},
+			beforeRemove : function() {
+				viewServerBtn.remove();
+				widthBox.remove();
+				heightBox.remove();
+				refreshBtn.remove();
+				uploadbutton.remove();
+			}
+		}),
+		div = dialog.div;
+
+		var tabs;
+		if (allowImageUpload) {
+			tabs = K.tabs({
+				src : K('.tabs', div),
+				afterSelect : function(i) {
+			
+				}
+			});
+			tabs.add({
+				title : lang.remoteImage,
+				panel : K('.tab1', div)
+			});
+			tabs.add({
+				title : lang.localImage,
+				panel : K('.tab2', div)
+			});
+			tabs.select(0);
+		} else {
+			K('.tab1', div).show();
+		}
+
+		var urlBox = K('[name="url"]', div),
+			localUrlBox = K('[name="localUrl"]', div),
+			viewServerBtn = K('[name="viewServer"]', div),
+			widthBox = K('[name="width"]', div),
+			heightBox = K('[name="height"]', div),
+			refreshBtn = K('.ke-refresh-btn', div),
+			titleBox = K('[name="title"]', div),
+			alignBox = K('[name="align"]');
+
+		var uploadbutton = K.uploadbutton({
+			button : K('.ke-upload-button', div)[0],
+			fieldName : 'imgFile',
+			url : K.addParam(uploadJson, 'dir=image'),
+			afterUpload : function(data) {
+				if (data.error === 0) {
+					var width = widthBox.val(),
+						height = heightBox.val(),
+						title = titleBox.val(),
+						align = '';
+					alignBox.each(function() {
+						if (this.checked) {
+							align = this.value;
+							return false;
+						}
+					});
+					var url = K.formatUrl(data.url, 'absolute');
+					clickFn.call(self, url, title, width, height, 0, align);
+					if (self.afterUpload) {
+						self.afterUpload.call(self, url);
+					}
+				} else {
+					alert(data.message);
+				}
+			}
+		});
+		uploadbutton.fileBox.change(function(e) {
+			localUrlBox.val(uploadbutton.fileBox.val());
+		});
+		if (allowFileManager) {
+			viewServerBtn.click(function(e) {
+				self.loadPlugin('filemanager', function() {
+					self.plugin.filemanagerDialog({
+						viewType : 'VIEW',
+						dirName : 'image',
+						clickFn : function(url, title) {
+							if (self.dialogs.length > 1) {
+								K('[name="url"]', div).val(url);
+								self.hideDialog();
+							}
+						}
+					});
+				});
+			});
+		} else {
+			viewServerBtn.hide();
+		}
+		var originalWidth = 0, originalHeight = 0;
+		function setSize(width, height) {
+			widthBox.val(width);
+			heightBox.val(height);
+			originalWidth = width;
+			originalHeight = height;
+		}
+		refreshBtn.click(function(e) {
+			var tempImg = K('<img src="' + urlBox.val() + '" />', self.edit.doc).css({
+					position : 'absolute',
+					visibility : 'hidden',
+					top : 0,
+					left : '1000px'
+				});
+			K(self.edit.doc.body).append(tempImg);
+			setSize(tempImg.width(), tempImg.height());
+			tempImg.remove();
+		});
+		widthBox.change(function(e) {
+			if (originalWidth > 0) {
+				heightBox.val(Math.round(originalHeight / originalWidth * parseInt(this.value, 10)));
+			}
+		});
+		heightBox.change(function(e) {
+			if (originalHeight > 0) {
+				widthBox.val(Math.round(originalWidth / originalHeight * parseInt(this.value, 10)));
+			}
+		});
+		urlBox.val(options.imageUrl);
+		setSize(options.imageWidth, options.imageHeight);
+		titleBox.val(options.imageTitle);
+		alignBox.each(function() {
+			if (this.value === options.imageAlign) {
+				this.checked = true;
+				return false;
+			}
+		});
+		urlBox[0].focus();
+		urlBox[0].select();
+		return dialog;
+	};
+	self.plugin.image = {
+		edit : function() {
+			var img = self.plugin.getSelectedImage();
+			self.plugin.imageDialog({
+				imageUrl : img ? img.attr('data-ke-src') : 'http://',
+				imageWidth : img ? img.width() : '',
+				imageHeight : img ? img.height() : '',
+				imageTitle : img ? img.attr('title') : '',
+				imageAlign : img ? img.attr('align') : '',
+				clickFn : function(url, title, width, height, border, align) {
+					self.exec('insertimage', url, title, width, height, border, align).hideDialog().focus();
+				}
+			});
+		},
+		'delete' : function() {
+			self.plugin.getSelectedImage().remove();
+		}
+	};
+	self.clickToolbar(name, self.plugin.image.edit);
+});