rails_kindeditor 0.1.2 → 0.2.0

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

@@ -1,136 +1,153 @@
-/*******************************************************************************
-* 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('media', function(K) {
-	var self = this, name = 'media', lang = self.lang(name + '.'),
-		allowMediaUpload = K.undef(self.allowMediaUpload, true),
-		allowFileManager = K.undef(self.allowFileManager, false),
-		uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
-	self.plugin.media = {
-		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>',
-				//autostart
-				'<div class="ke-dialog-row">',
-				'<label for="keAutostart">' + lang.autostart + '</label>',
-				'<input type="checkbox" id="keAutostart" name="autostart" value="" /> ',
-				'</div>',
-				'</div>'
-			].join('');
-			var dialog = self.createDialog({
-				name : name,
-				width : 450,
-				height : 230,
-				title : self.lang(name),
-				body : html,
-				yesBtn : {
-					name : self.lang('yes'),
-					click : function(e) {
-						var url = urlBox.val(),
-							html = K.mediaImg(self.themesPath + 'common/blank.gif', {
-								src : url,
-								type : K.mediaType(url),
-								width : widthBox.val(),
-								height : heightBox.val(),
-								autostart : autostartBox[0].checked ? 'true' : 'false',
-								loop : 'true'
-							});
-						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),
-			autostartBox = K('[name="autostart"]', div);
-			urlBox.val('http://');
-
-			if (allowMediaUpload) {
-				var uploadbutton = K.uploadbutton({
-					button : K('.ke-upload-button', div)[0],
-					fieldName : 'imgFile',
-					url : uploadJson + '?dir=media',
-					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 : 'media',
-							clickFn : function(url, title) {
-								if (self.dialogs.length > 1) {
-									K('[name="url"]', div).val(url);
-									self.hideDialog();
-								}
-							}
-						});
-					});
-				});
-			} else {
-				viewServerBtn.hide();
-			}
-
-			var img = self.plugin.getSelectedMedia();
-			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);
-				autostartBox[0].checked = (attrs.autostart === 'true');
-			}
-			urlBox[0].focus();
-			urlBox[0].select();
-		},
-		'delete' : function() {
-			self.plugin.getSelectedMedia().remove();
-		}
-	};
-	self.clickToolbar(name, self.plugin.media.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('media', function(K) {
+	var self = this, name = 'media', lang = self.lang(name + '.'),
+		allowMediaUpload = K.undef(self.allowMediaUpload, true),
+		allowFileManager = K.undef(self.allowFileManager, false),
+		uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
+	self.plugin.media = {
+		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>',
+				//autostart
+				'<div class="ke-dialog-row">',
+				'<label for="keAutostart">' + lang.autostart + '</label>',
+				'<input type="checkbox" id="keAutostart" name="autostart" value="" /> ',
+				'</div>',
+				'</div>'
+			].join('');
+			var dialog = self.createDialog({
+				name : name,
+				width : 450,
+				height : 230,
+				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(url),
+								width : width,
+								height : height,
+								autostart : autostartBox[0].checked ? 'true' : 'false',
+								loop : 'true'
+							});
+						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),
+			autostartBox = K('[name="autostart"]', div);
+			urlBox.val('http://');
+
+			if (allowMediaUpload) {
+				var uploadbutton = K.uploadbutton({
+					button : K('.ke-upload-button', div)[0],
+					fieldName : 'imgFile',
+					url : K.addParam(uploadJson, 'dir=media'),
+					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 : 'media',
+							clickFn : function(url, title) {
+								if (self.dialogs.length > 1) {
+									K('[name="url"]', div).val(url);
+									self.hideDialog();
+								}
+							}
+						});
+					});
+				});
+			} else {
+				viewServerBtn.hide();
+			}
+
+			var img = self.plugin.getSelectedMedia();
+			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);
+				autostartBox[0].checked = (attrs.autostart === 'true');
+			}
+			urlBox[0].focus();
+			urlBox[0].select();
+		},
+		'delete' : function() {
+			self.plugin.getSelectedMedia().remove();
+		}
+	};
+	self.clickToolbar(name, self.plugin.media.edit);
+});

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

@@ -1,26 +1,26 @@
-/*******************************************************************************
-* 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('pagebreak', function(K) {
-	var self = this, name = 'pagebreak';
-	self.clickToolbar(name, function() {
-		var cmd = self.cmd, range = cmd.range;
-		self.focus();
-		range.enlarge(true);
-		cmd.split(true);
-		var tail = self.newlineTag == 'br' ? '' : '<p id="__kindeditor_tail_tag__"></p>';
-		self.insertHtml('<hr class="ke-pagebreak" style="page-break-after: always;" />' + tail);
-		if (self.newlineTag != 'br') {
-			var p = K('#__kindeditor_tail_tag__', self.edit.doc);
-			range.selectNodeContents(p[0]);
-			p.removeAttr('id');
-			cmd.select();
-		}
-	});
-});
+/*******************************************************************************
+* 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('pagebreak', function(K) {
+	var self = this, name = 'pagebreak';
+	self.clickToolbar(name, function() {
+		var cmd = self.cmd, range = cmd.range;
+		self.focus();
+		range.enlarge(true);
+		cmd.split(true);
+		var tail = self.newlineTag == 'br' || K.WEBKIT ? '' : '<p id="__kindeditor_tail_tag__"></p>';
+		self.insertHtml('<hr class="ke-pagebreak" style="page-break-after: always;" />' + tail);
+		if (tail !== '') {
+			var p = K('#__kindeditor_tail_tag__', self.edit.doc);
+			range.selectNodeContents(p[0]);
+			p.removeAttr('id');
+			cmd.select();
+		}
+	});
+});

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

@@ -1,661 +1,715 @@
-/*******************************************************************************
-* 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('table', function(K) {
-	var self = this, name = 'table', lang = self.lang(name + '.'), zeroborder = 'ke-zeroborder';
-	// 取得下一行cell的index
-	function _getCellIndex(table, row, cell) {
-		var rowSpanCount = 0;
-		for (var i = 0, len = row.cells.length; i < len; i++) {
-			if (row.cells[i] == cell) {
-				break;
-			}
-			rowSpanCount += row.cells[i].rowSpan - 1;
-		}
-		return cell.cellIndex - rowSpanCount;
-	}
-	self.plugin.table = {
-		//insert or modify table
-		prop : function(isInsert) {
-			var html = [
-				'<div style="padding:10px 20px;">',
-				//rows, cols
-				'<div class="ke-dialog-row">',
-				'<label for="keRows" style="width:90px;">' + lang.cells + '</label>',
-				lang.rows + ' <input type="text" id="keRows" class="ke-input-text ke-input-number" name="rows" value="" maxlength="4" /> &nbsp; ',
-				lang.cols + ' <input type="text" class="ke-input-text ke-input-number" name="cols" value="" maxlength="4" />',
-				'</div>',
-				//width, height
-				'<div class="ke-dialog-row">',
-				'<label for="keWidth" style="width:90px;">' + lang.size + '</label>',
-				lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> &nbsp; ',
-				'<select name="widthType">',
-				'<option value="%">' + lang.percent + '</option>',
-				'<option value="px">' + lang.px + '</option>',
-				'</select> &nbsp; ',
-				lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> &nbsp; ',
-				'<select name="heightType">',
-				'<option value="%">' + lang.percent + '</option>',
-				'<option value="px">' + lang.px + '</option>',
-				'</select>',
-				'</div>',
-				//space, padding
-				'<div class="ke-dialog-row">',
-				'<label for="kePadding" style="width:90px;">' + lang.space + '</label>',
-				lang.padding + ' <input type="text" id="kePadding" class="ke-input-text ke-input-number" name="padding" value="" maxlength="4" /> &nbsp; ',
-				lang.spacing + ' <input type="text" class="ke-input-text ke-input-number" name="spacing" value="" maxlength="4" />',
-				'</div>',
-				//align
-				'<div class="ke-dialog-row">',
-				'<label for="keAlign" style="width:90px;">' + lang.align + '</label>',
-				'<select id="keAlign" name="align">',
-				'<option value="">' + lang.alignDefault + '</option>',
-				'<option value="left">' + lang.alignLeft + '</option>',
-				'<option value="center">' + lang.alignCenter + '</option>',
-				'<option value="right">' + lang.alignRight + '</option>',
-				'</select>',
-				'</div>',
-				//border
-				'<div class="ke-dialog-row">',
-				'<label for="keBorder" style="width:90px;">' + lang.border + '</label>',
-				lang.borderWidth + ' <input type="text" id="keBorder" class="ke-input-text ke-input-number" name="border" value="" maxlength="4" /> &nbsp; ',
-				lang.borderColor + ' <span class="ke-inline-block ke-input-color"></span>',
-				'</div>',
-				//background color
-				'<div class="ke-dialog-row">',
-				'<label for="keBgColor" style="width:90px;">' + lang.backgroundColor + '</label>',
-				'<span class="ke-inline-block ke-input-color"></span>',
-				'</div>',
-				'</div>'
-			].join('');
-			var picker, currentElement;
-			function removePicker() {
-				if (picker) {
-					picker.remove();
-					picker = null;
-					currentElement = null;
-				}
-			}
-			var dialog = self.createDialog({
-				name : name,
-				width : 500,
-				height : 300,
-				title : self.lang(name),
-				body : html,
-				beforeDrag : removePicker,
-				beforeRemove : function() {
-					removePicker();
-					colorBox.unbind();
-				},
-				yesBtn : {
-					name : self.lang('yes'),
-					click : function(e) {
-						var rows = rowsBox.val(),
-							cols = colsBox.val(),
-							width = widthBox.val(),
-							height = heightBox.val(),
-							widthType = widthTypeBox.val(),
-							heightType = heightTypeBox.val(),
-							padding = paddingBox.val(),
-							spacing = spacingBox.val(),
-							align = alignBox.val(),
-							border = borderBox.val(),
-							borderColor = K(colorBox[0]).html() || '',
-							bgColor = K(colorBox[1]).html() || '';
-						//modify table
-						if (table) {
-							if (width !== '') {
-								table.width(width + widthType);
-							} else {
-								table.css('width', '');
-							}
-							if (table[0].width !== undefined) {
-								table.removeAttr('width');
-							}
-							if (height !== '') {
-								table.height(height + heightType);
-							} else {
-								table.css('height', '');
-							}
-							if (table[0].height !== undefined) {
-								table.removeAttr('height');
-							}
-							table.css('background-color', bgColor);
-							if (table[0].bgColor !== undefined) {
-								table.removeAttr('bgColor');
-							}
-							if (padding !== '') {
-								table[0].cellPadding = padding;
-							} else {
-								table.removeAttr('cellPadding');
-							}
-							if (spacing !== '') {
-								table[0].cellSpacing = spacing;
-							} else {
-								table.removeAttr('cellSpacing');
-							}
-							if (align !== '') {
-								table[0].align = align;
-							} else {
-								table.removeAttr('align');
-							}
-							if (border !== '') {
-								table.attr('border', border);
-							} else {
-								table.removeAttr('border');
-							}
-							if (border === '' || border === '0') {
-								table.addClass(zeroborder);
-							} else {
-								table.removeClass(zeroborder);
-							}
-							if (borderColor !== '') {
-								table.attr('borderColor', borderColor);
-							} else {
-								table.removeAttr('borderColor');
-							}
-							self.hideDialog().focus();
-							return;
-						}
-						//insert new table
-						var style = '';
-						if (width !== '') {
-							style += 'width:' + width + widthType + ';';
-						}
-						if (height !== '') {
-							style += 'height:' + height + heightType + ';';
-						}
-						if (bgColor !== '') {
-							style += 'background-color:' + bgColor + ';';
-						}
-						var html = '<table';
-						if (style !== '') {
-							html += ' style="' + style + '"';
-						}
-						if (padding !== '') {
-							html += ' cellpadding="' + padding + '"';
-						}
-						if (spacing !== '') {
-							html += ' cellspacing="' + spacing + '"';
-						}
-						if (align !== '') {
-							html += ' align="' + align + '"';
-						}
-						if (border !== '') {
-							html += ' border="' + border + '"';
-						}
-						if (border === '' || border === '0') {
-							html += ' class="' + zeroborder + '"';
-						}
-						if (borderColor !== '') {
-							html += ' bordercolor="' + borderColor + '"';
-						}
-						html += '>';
-						for (var i = 0; i < rows; i++) {
-							html += '<tr>';
-							for (var j = 0; j < cols; j++) {
-								html += '<td>' + (K.IE ? '' : '<br />') + '</td>';
-							}
-							html += '</tr>';
-						}
-						html += '</table>';
-						self.insertHtml(html).select().hideDialog().focus();
-						self.addBookmark();
-					}
-				}
-			}),
-			div = dialog.div,
-			rowsBox = K('[name="rows"]', div).val(3),
-			colsBox = K('[name="cols"]', div).val(2),
-			widthBox = K('[name="width"]', div).val(100),
-			heightBox = K('[name="height"]', div),
-			widthTypeBox = K('[name="widthType"]', div),
-			heightTypeBox = K('[name="heightType"]', div),
-			paddingBox = K('[name="padding"]', div).val(2),
-			spacingBox = K('[name="spacing"]', div).val(0),
-			alignBox = K('[name="align"]', div),
-			borderBox = K('[name="border"]', div).val(1),
-			colorBox = K('.ke-input-color', div);
-			function setColor(box, color) {
-				color = color.toUpperCase();
-				box.css('background-color', color);
-				box.css('color', color === '#000000' ? '#FFFFFF' : '#000000');
-				box.html(color);
-			}
-			setColor(K(colorBox[0]), '#000000');
-			setColor(K(colorBox[1]), '');
-			function clickHandler(e) {
-				removePicker();
-				if (!picker || this !== currentElement) {
-					var box = K(this),
-						pos = box.pos();
-					picker = K.colorpicker({
-						x : pos.x,
-						y : pos.y + box.height(),
-						z : 811214,
-						selectedColor : K(this).html(),
-						colors : self.colorTable,
-						noColor : self.lang('noColor'),
-						click : function(color) {
-							setColor(box, color);
-							removePicker();
-						}
-					});
-					currentElement = this;
-				}
-			}
-			colorBox.click(clickHandler);
-			// foucs and select
-			rowsBox[0].focus();
-			rowsBox[0].select();
-			var table;
-			if (isInsert) {
-				return;
-			}
-			//get selected table node
-			table = self.plugin.getSelectedTable();
-			if (table) {
-				rowsBox.val(table[0].rows.length);
-				colsBox.val(table[0].rows.length > 0 ? table[0].rows[0].cells.length : 0);
-				rowsBox.attr('disabled', true);
-				colsBox.attr('disabled', true);
-				var match,
-					tableWidth = table[0].style.width || table[0].width,
-					tableHeight = table[0].style.height || table[0].height;
-				if (tableWidth !== undefined && (match = /^(\d+)((?:px|%)*)$/.exec(tableWidth))) {
-					widthBox.val(match[1]);
-					widthTypeBox.val(match[2]);
-				} else {
-					widthBox.val('');
-				}
-				if (tableHeight !== undefined && (match = /^(\d+)((?:px|%)*)$/.exec(tableHeight))) {
-					heightBox.val(match[1]);
-					heightTypeBox.val(match[2]);
-				}
-				paddingBox.val(table[0].cellPadding || '');
-				spacingBox.val(table[0].cellSpacing || '');
-				alignBox.val(table[0].align || '');
-				borderBox.val(table[0].border === undefined ? '' : table[0].border);
-				setColor(K(colorBox[0]), K.toHex(table.attr('borderColor') || ''));
-				setColor(K(colorBox[1]), K.toHex(table[0].style.backgroundColor || table[0].bgColor || ''));
-				widthBox[0].focus();
-				widthBox[0].select();
-			}
-		},
-		//modify cell
-		cellprop : function() {
-			var html = [
-				'<div style="padding:10px 20px;">',
-				//width, height
-				'<div class="ke-dialog-row">',
-				'<label for="keWidth" style="width:90px;">' + lang.size + '</label>',
-				lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> &nbsp; ',
-				'<select name="widthType">',
-				'<option value="%">' + lang.percent + '</option>',
-				'<option value="px">' + lang.px + '</option>',
-				'</select> &nbsp; ',
-				lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> &nbsp; ',
-				'<select name="heightType">',
-				'<option value="%">' + lang.percent + '</option>',
-				'<option value="px">' + lang.px + '</option>',
-				'</select>',
-				'</div>',
-				//align
-				'<div class="ke-dialog-row">',
-				'<label for="keAlign" style="width:90px;">' + lang.align + '</label>',
-				lang.textAlign + ' <select id="keAlign" name="textAlign">',
-				'<option value="">' + lang.alignDefault + '</option>',
-				'<option value="left">' + lang.alignLeft + '</option>',
-				'<option value="center">' + lang.alignCenter + '</option>',
-				'<option value="right">' + lang.alignRight + '</option>',
-				'</select> ',
-				lang.verticalAlign + ' <select name="verticalAlign">',
-				'<option value="">' + lang.alignDefault + '</option>',
-				'<option value="top">' + lang.alignTop + '</option>',
-				'<option value="middle">' + lang.alignMiddle + '</option>',
-				'<option value="bottom">' + lang.alignBottom + '</option>',
-				'<option value="baseline">' + lang.alignBaseline + '</option>',
-				'</select>',
-				'</div>',
-				//border
-				'<div class="ke-dialog-row">',
-				'<label for="keBorder" style="width:90px;">' + lang.border + '</label>',
-				lang.borderWidth + ' <input type="text" id="keBorder" class="ke-input-text ke-input-number" name="border" value="" maxlength="4" /> &nbsp; ',
-				lang.borderColor + ' <span class="ke-inline-block ke-input-color"></span>',
-				'</div>',
-				//background color
-				'<div class="ke-dialog-row">',
-				'<label for="keBgColor" style="width:90px;">' + lang.backgroundColor + '</label>',
-				'<span class="ke-inline-block ke-input-color"></span>',
-				'</div>',
-				'</div>'
-			].join('');
-			var picker, currentElement;
-			function removePicker() {
-				if (picker) {
-					picker.remove();
-					picker = null;
-					currentElement = null;
-				}
-			}
-			var dialog = self.createDialog({
-				name : name,
-				width : 500,
-				height : 220,
-				title : self.lang('tablecell'),
-				body : html,
-				beforeDrag : removePicker,
-				beforeRemove : function() {
-					removePicker();
-					colorBox.unbind();
-				},
-				yesBtn : {
-					name : self.lang('yes'),
-					click : function(e) {
-						var width = widthBox.val(),
-							height = heightBox.val(),
-							widthType = widthTypeBox.val(),
-							heightType = heightTypeBox.val(),
-							padding = paddingBox.val(),
-							spacing = spacingBox.val(),
-							textAlign = textAlignBox.val(),
-							verticalAlign = verticalAlignBox.val(),
-							border = borderBox.val(),
-							borderColor = K(colorBox[0]).html() || '',
-							bgColor = K(colorBox[1]).html() || '';
-						cell.css({
-							width : width !== '' ? (width + widthType) : '',
-							height : height !== '' ? (height + heightType) : '',
-							'background-color' : bgColor,
-							'text-align' : textAlign,
-							'vertical-align' : verticalAlign,
-							'border-width' : border,
-							'border-style' : border !== '' ? 'solid' : '',
-							'border-color' : borderColor
-						});
-						self.hideDialog().focus();
-						self.addBookmark();
-					}
-				}
-			}),
-			div = dialog.div,
-			widthBox = K('[name="width"]', div).val(100),
-			heightBox = K('[name="height"]', div),
-			widthTypeBox = K('[name="widthType"]', div),
-			heightTypeBox = K('[name="heightType"]', div),
-			paddingBox = K('[name="padding"]', div).val(2),
-			spacingBox = K('[name="spacing"]', div).val(0),
-			textAlignBox = K('[name="textAlign"]', div),
-			verticalAlignBox = K('[name="verticalAlign"]', div),
-			borderBox = K('[name="border"]', div).val(1),
-			colorBox = K('.ke-input-color', div);
-			function setColor(box, color) {
-				color = color.toUpperCase();
-				box.css('background-color', color);
-				box.css('color', color === '#000000' ? '#FFFFFF' : '#000000');
-				box.html(color);
-			}
-			setColor(K(colorBox[0]), '#000000');
-			setColor(K(colorBox[1]), '');
-			function clickHandler(e) {
-				removePicker();
-				if (!picker || this !== currentElement) {
-					var box = K(this),
-						pos = box.pos();
-					picker = K.colorpicker({
-						x : pos.x,
-						y : pos.y + box.height(),
-						z : 811214,
-						selectedColor : K(this).html(),
-						colors : self.colorTable,
-						noColor : self.lang('noColor'),
-						click : function(color) {
-							setColor(box, color);
-							removePicker();
-						}
-					});
-					currentElement = this;
-				}
-			}
-			colorBox.click(clickHandler);
-			// foucs and select
-			widthBox[0].focus();
-			widthBox[0].select();
-			// get selected cell
-			var cell = self.plugin.getSelectedCell();
-			var match,
-				cellWidth = cell[0].style.width || cell[0].width || '',
-				cellHeight = cell[0].style.height || cell[0].height || '';
-			if ((match = /^(\d+)((?:px|%)*)$/.exec(cellWidth))) {
-				widthBox.val(match[1]);
-				widthTypeBox.val(match[2]);
-			} else {
-				widthBox.val('');
-			}
-			if ((match = /^(\d+)((?:px|%)*)$/.exec(cellHeight))) {
-				heightBox.val(match[1]);
-				heightTypeBox.val(match[2]);
-			}
-			textAlignBox.val(cell[0].style.textAlign || '');
-			verticalAlignBox.val(cell[0].style.verticalAlign || '');
-			var border = cell[0].style.borderWidth || '';
-			if (border) {
-				border = parseInt(border);
-			}
-			borderBox.val(border);
-			setColor(K(colorBox[0]), K.toHex(cell[0].style.borderColor || ''));
-			setColor(K(colorBox[1]), K.toHex(cell[0].style.backgroundColor || ''));
-			widthBox[0].focus();
-			widthBox[0].select();
-		},
-		insert : function() {
-			this.prop(true);
-		},
-		'delete' : function() {
-			var table = self.plugin.getSelectedTable();
-			self.cmd.range.setStartBefore(table[0]).collapse(true);
-			self.cmd.select();
-			table.remove();
-			self.addBookmark();
-		},
-		colinsert : function(offset) {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				index = cell.cellIndex + offset;
-			for (var i = 0, len = table.rows.length; i < len; i++) {
-				var newRow = table.rows[i],
-					newCell = newRow.insertCell(index);
-				newCell.innerHTML = K.IE ? '' : '<br />';
-				// 调整下一行的单元格index
-				index = _getCellIndex(table, newRow, newCell);
-			}
-			self.cmd.range.selectNodeContents(cell).collapse(true);
-			self.cmd.select();
-			self.addBookmark();
-		},
-		colinsertleft : function() {
-			this.colinsert(0);
-		},
-		colinsertright : function() {
-			this.colinsert(1);
-		},
-		rowinsert : function(offset) {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				newRow;
-			if (offset === 1) {
-				newRow = table.insertRow(row.rowIndex + (cell.rowSpan - 1) + offset);
-			} else {
-				newRow = table.insertRow(row.rowIndex);
-			}
-			for (var i = 0, len = row.cells.length; i < len; i++) {
-				var newCell = newRow.insertCell(i);
-				// copy colspan
-				if (offset === 1 && row.cells[i].colSpan > 1) {
-					newCell.colSpan = row.cells[i].colSpan;
-				}
-				newCell.innerHTML = K.IE ? '' : '<br />';
-			}
-			self.cmd.range.selectNodeContents(cell).collapse(true);
-			self.cmd.select();
-			self.addBookmark();
-		},
-		rowinsertabove : function() {
-			this.rowinsert(0);
-		},
-		rowinsertbelow : function() {
-			this.rowinsert(1);
-		},
-		rowmerge : function() {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				rowIndex = row.rowIndex, // 当前行的index
-				nextRowIndex = rowIndex + cell.rowSpan, // 下一行的index
-				nextRow = table.rows[nextRowIndex]; // 下一行
-			// 最后一行不能合并
-			if (table.rows.length <= nextRowIndex) {
-				return;
-			}
-			var cellIndex = _getCellIndex(table, row, cell); // 下一行单元格的index
-			if (nextRow.cells.length <= cellIndex) {
-				return;
-			}
-			var nextCell = nextRow.cells[cellIndex]; // 下一行单元格
-			// 上下行的colspan不一致时不能合并
-			if (cell.colSpan !== nextCell.colSpan) {
-				return;
-			}
-			cell.rowSpan += nextCell.rowSpan;
-			nextRow.deleteCell(cellIndex);
-			self.cmd.range.selectNodeContents(cell).collapse(true);
-			self.cmd.select();
-			self.addBookmark();
-		},
-		colmerge : function() {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				rowIndex = row.rowIndex, // 当前行的index
-				cellIndex = cell.cellIndex,
-				nextCellIndex = cellIndex + 1;
-			// 最后一列不能合并
-			if (row.cells.length <= nextCellIndex) {
-				return;
-			}
-			var nextCell = row.cells[nextCellIndex];
-			// 左右列的rowspan不一致时不能合并
-			if (cell.rowSpan !== nextCell.rowSpan) {
-				return;
-			}
-			cell.colSpan += nextCell.colSpan;
-			row.deleteCell(nextCellIndex);
-			self.cmd.range.selectNodeContents(cell).collapse(true);
-			self.cmd.select();
-			self.addBookmark();
-		},
-		rowsplit : function() {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				rowIndex = row.rowIndex;
-			// 不是可分割单元格
-			if (cell.rowSpan === 1) {
-				return;
-			}
-			var cellIndex = _getCellIndex(table, row, cell);
-			for (var i = 1, len = cell.rowSpan; i < len; i++) {
-				var newRow = table.rows[rowIndex + i],
-					newCell = newRow.insertCell(cellIndex);
-				if (cell.colSpan > 1) {
-					newCell.colSpan = cell.colSpan;
-				}
-				newCell.innerHTML = K.IE ? '' : '<br />';
-				// 调整下一行的单元格index
-				cellIndex = _getCellIndex(table, newRow, newCell);
-			}
-			K(cell).removeAttr('rowSpan');
-			self.cmd.range.selectNodeContents(cell).collapse(true);
-			self.cmd.select();
-			self.addBookmark();
-		},
-		colsplit : function() {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				cellIndex = cell.cellIndex;
-			// 不是可分割单元格
-			if (cell.colSpan === 1) {
-				return;
-			}
-			for (var i = 1, len = cell.colSpan; i < len; i++) {
-				var newCell = row.insertCell(cellIndex + i);
-				if (cell.rowSpan > 1) {
-					newCell.rowSpan = cell.rowSpan;
-				}
-				newCell.innerHTML = K.IE ? '' : '<br />';
-			}
-			K(cell).removeAttr('colSpan');
-			self.cmd.range.selectNodeContents(cell).collapse(true);
-			self.cmd.select();
-			self.addBookmark();
-		},
-		coldelete : function() {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				index = cell.cellIndex;
-			for (var i = 0, len = table.rows.length; i < len; i++) {
-				var newRow = table.rows[i],
-					newCell = newRow.cells[index];
-				if (newCell.colSpan > 1) {
-					newCell.colSpan -= 1;
-					if (newCell.colSpan === 1) {
-						K(newCell).removeAttr('colSpan');
-					}
-				} else {
-					newRow.deleteCell(index);
-				}
-				// 跳过不需要删除的行
-				if (newCell.rowSpan > 1) {
-					i += newCell.rowSpan - 1;
-				}
-			}
-			if (row.cells.length === 0) {
-				self.cmd.range.setStartBefore(table).collapse(true);
-				self.cmd.select();
-				K(table).remove();
-			} else {
-				self.cmd.selection(true);
-			}
-			self.addBookmark();
-		},
-		rowdelete : function() {
-			var table = self.plugin.getSelectedTable()[0],
-				row = self.plugin.getSelectedRow()[0],
-				cell = self.plugin.getSelectedCell()[0],
-				rowIndex = row.rowIndex;
-			// 从下到上删除
-			for (var i = cell.rowSpan - 1; i >= 0; i--) {
-				table.deleteRow(rowIndex + i);
-			}
-			if (table.rows.length === 0) {
-				self.cmd.range.setStartBefore(table).collapse(true);
-				self.cmd.select();
-				K(table).remove();
-			} else {
-				self.cmd.selection(true);
-			}
-			self.addBookmark();
-		}
-	};
-	self.clickToolbar(name, self.plugin.table.prop);
-});
+/*******************************************************************************
+* 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('table', function(K) {
+	var self = this, name = 'table', lang = self.lang(name + '.'), zeroborder = 'ke-zeroborder';
+	// 取得下一行cell的index
+	function _getCellIndex(table, row, cell) {
+		var rowSpanCount = 0;
+		for (var i = 0, len = row.cells.length; i < len; i++) {
+			if (row.cells[i] == cell) {
+				break;
+			}
+			rowSpanCount += row.cells[i].rowSpan - 1;
+		}
+		return cell.cellIndex - rowSpanCount;
+	}
+	self.plugin.table = {
+		//insert or modify table
+		prop : function(isInsert) {
+			var html = [
+				'<div style="padding:10px 20px;">',
+				//rows, cols
+				'<div class="ke-dialog-row">',
+				'<label for="keRows" style="width:90px;">' + lang.cells + '</label>',
+				lang.rows + ' <input type="text" id="keRows" class="ke-input-text ke-input-number" name="rows" value="" maxlength="4" /> &nbsp; ',
+				lang.cols + ' <input type="text" class="ke-input-text ke-input-number" name="cols" value="" maxlength="4" />',
+				'</div>',
+				//width, height
+				'<div class="ke-dialog-row">',
+				'<label for="keWidth" style="width:90px;">' + lang.size + '</label>',
+				lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> &nbsp; ',
+				'<select name="widthType">',
+				'<option value="%">' + lang.percent + '</option>',
+				'<option value="px">' + lang.px + '</option>',
+				'</select> &nbsp; ',
+				lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> &nbsp; ',
+				'<select name="heightType">',
+				'<option value="%">' + lang.percent + '</option>',
+				'<option value="px">' + lang.px + '</option>',
+				'</select>',
+				'</div>',
+				//space, padding
+				'<div class="ke-dialog-row">',
+				'<label for="kePadding" style="width:90px;">' + lang.space + '</label>',
+				lang.padding + ' <input type="text" id="kePadding" class="ke-input-text ke-input-number" name="padding" value="" maxlength="4" /> &nbsp; ',
+				lang.spacing + ' <input type="text" class="ke-input-text ke-input-number" name="spacing" value="" maxlength="4" />',
+				'</div>',
+				//align
+				'<div class="ke-dialog-row">',
+				'<label for="keAlign" style="width:90px;">' + lang.align + '</label>',
+				'<select id="keAlign" name="align">',
+				'<option value="">' + lang.alignDefault + '</option>',
+				'<option value="left">' + lang.alignLeft + '</option>',
+				'<option value="center">' + lang.alignCenter + '</option>',
+				'<option value="right">' + lang.alignRight + '</option>',
+				'</select>',
+				'</div>',
+				//border
+				'<div class="ke-dialog-row">',
+				'<label for="keBorder" style="width:90px;">' + lang.border + '</label>',
+				lang.borderWidth + ' <input type="text" id="keBorder" class="ke-input-text ke-input-number" name="border" value="" maxlength="4" /> &nbsp; ',
+				lang.borderColor + ' <span class="ke-inline-block ke-input-color"></span>',
+				'</div>',
+				//background color
+				'<div class="ke-dialog-row">',
+				'<label for="keBgColor" style="width:90px;">' + lang.backgroundColor + '</label>',
+				'<span class="ke-inline-block ke-input-color"></span>',
+				'</div>',
+				'</div>'
+			].join('');
+			var picker, currentElement;
+			function removePicker() {
+				if (picker) {
+					picker.remove();
+					picker = null;
+					currentElement = null;
+				}
+			}
+			var dialog = self.createDialog({
+				name : name,
+				width : 500,
+				height : 300,
+				title : self.lang(name),
+				body : html,
+				beforeDrag : removePicker,
+				beforeRemove : function() {
+					removePicker();
+					colorBox.unbind();
+				},
+				yesBtn : {
+					name : self.lang('yes'),
+					click : function(e) {
+						var rows = rowsBox.val(),
+							cols = colsBox.val(),
+							width = widthBox.val(),
+							height = heightBox.val(),
+							widthType = widthTypeBox.val(),
+							heightType = heightTypeBox.val(),
+							padding = paddingBox.val(),
+							spacing = spacingBox.val(),
+							align = alignBox.val(),
+							border = borderBox.val(),
+							borderColor = K(colorBox[0]).html() || '',
+							bgColor = K(colorBox[1]).html() || '';
+						if (rows == 0 || !/^\d+$/.test(rows)) {
+							alert(self.lang('invalidRows'));
+							rowsBox[0].focus();
+							return;
+						}
+						if (cols == 0 || !/^\d+$/.test(cols)) {
+							alert(self.lang('invalidRows'));
+							colsBox[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;
+						}
+						if (!/^\d*$/.test(padding)) {
+							alert(self.lang('invalidPadding'));
+							paddingBox[0].focus();
+							return;
+						}
+						if (!/^\d*$/.test(spacing)) {
+							alert(self.lang('invalidSpacing'));
+							spacingBox[0].focus();
+							return;
+						}
+						if (!/^\d*$/.test(border)) {
+							alert(self.lang('invalidBorder'));
+							borderBox[0].focus();
+							return;
+						}
+						//modify table
+						if (table) {
+							if (width !== '') {
+								table.width(width + widthType);
+							} else {
+								table.css('width', '');
+							}
+							if (table[0].width !== undefined) {
+								table.removeAttr('width');
+							}
+							if (height !== '') {
+								table.height(height + heightType);
+							} else {
+								table.css('height', '');
+							}
+							if (table[0].height !== undefined) {
+								table.removeAttr('height');
+							}
+							table.css('background-color', bgColor);
+							if (table[0].bgColor !== undefined) {
+								table.removeAttr('bgColor');
+							}
+							if (padding !== '') {
+								table[0].cellPadding = padding;
+							} else {
+								table.removeAttr('cellPadding');
+							}
+							if (spacing !== '') {
+								table[0].cellSpacing = spacing;
+							} else {
+								table.removeAttr('cellSpacing');
+							}
+							if (align !== '') {
+								table[0].align = align;
+							} else {
+								table.removeAttr('align');
+							}
+							if (border !== '') {
+								table.attr('border', border);
+							} else {
+								table.removeAttr('border');
+							}
+							if (border === '' || border === '0') {
+								table.addClass(zeroborder);
+							} else {
+								table.removeClass(zeroborder);
+							}
+							if (borderColor !== '') {
+								table.attr('borderColor', borderColor);
+							} else {
+								table.removeAttr('borderColor');
+							}
+							self.hideDialog().focus();
+							return;
+						}
+						//insert new table
+						var style = '';
+						if (width !== '') {
+							style += 'width:' + width + widthType + ';';
+						}
+						if (height !== '') {
+							style += 'height:' + height + heightType + ';';
+						}
+						if (bgColor !== '') {
+							style += 'background-color:' + bgColor + ';';
+						}
+						var html = '<table';
+						if (style !== '') {
+							html += ' style="' + style + '"';
+						}
+						if (padding !== '') {
+							html += ' cellpadding="' + padding + '"';
+						}
+						if (spacing !== '') {
+							html += ' cellspacing="' + spacing + '"';
+						}
+						if (align !== '') {
+							html += ' align="' + align + '"';
+						}
+						if (border !== '') {
+							html += ' border="' + border + '"';
+						}
+						if (border === '' || border === '0') {
+							html += ' class="' + zeroborder + '"';
+						}
+						if (borderColor !== '') {
+							html += ' bordercolor="' + borderColor + '"';
+						}
+						html += '>';
+						for (var i = 0; i < rows; i++) {
+							html += '<tr>';
+							for (var j = 0; j < cols; j++) {
+								html += '<td>' + (K.IE ? '' : '<br />') + '</td>';
+							}
+							html += '</tr>';
+						}
+						html += '</table>';
+						if (!K.IE) {
+							html += '<br />';
+						}
+						self.insertHtml(html);
+						self.select().hideDialog().focus();
+						self.addBookmark();
+					}
+				}
+			}),
+			div = dialog.div,
+			rowsBox = K('[name="rows"]', div).val(3),
+			colsBox = K('[name="cols"]', div).val(2),
+			widthBox = K('[name="width"]', div).val(100),
+			heightBox = K('[name="height"]', div),
+			widthTypeBox = K('[name="widthType"]', div),
+			heightTypeBox = K('[name="heightType"]', div),
+			paddingBox = K('[name="padding"]', div).val(2),
+			spacingBox = K('[name="spacing"]', div).val(0),
+			alignBox = K('[name="align"]', div),
+			borderBox = K('[name="border"]', div).val(1),
+			colorBox = K('.ke-input-color', div);
+			function setColor(box, color) {
+				color = color.toUpperCase();
+				box.css('background-color', color);
+				box.css('color', color === '#000000' ? '#FFFFFF' : '#000000');
+				box.html(color);
+			}
+			setColor(K(colorBox[0]), '#000000');
+			setColor(K(colorBox[1]), '');
+			function clickHandler(e) {
+				removePicker();
+				if (!picker || this !== currentElement) {
+					var box = K(this),
+						pos = box.pos();
+					picker = K.colorpicker({
+						x : pos.x,
+						y : pos.y + box.height(),
+						z : 811214,
+						selectedColor : K(this).html(),
+						colors : self.colorTable,
+						noColor : self.lang('noColor'),
+						click : function(color) {
+							setColor(box, color);
+							removePicker();
+						}
+					});
+					currentElement = this;
+				}
+			}
+			colorBox.click(clickHandler);
+			// foucs and select
+			rowsBox[0].focus();
+			rowsBox[0].select();
+			var table;
+			if (isInsert) {
+				return;
+			}
+			//get selected table node
+			table = self.plugin.getSelectedTable();
+			if (table) {
+				rowsBox.val(table[0].rows.length);
+				colsBox.val(table[0].rows.length > 0 ? table[0].rows[0].cells.length : 0);
+				rowsBox.attr('disabled', true);
+				colsBox.attr('disabled', true);
+				var match,
+					tableWidth = table[0].style.width || table[0].width,
+					tableHeight = table[0].style.height || table[0].height;
+				if (tableWidth !== undefined && (match = /^(\d+)((?:px|%)*)$/.exec(tableWidth))) {
+					widthBox.val(match[1]);
+					widthTypeBox.val(match[2]);
+				} else {
+					widthBox.val('');
+				}
+				if (tableHeight !== undefined && (match = /^(\d+)((?:px|%)*)$/.exec(tableHeight))) {
+					heightBox.val(match[1]);
+					heightTypeBox.val(match[2]);
+				}
+				paddingBox.val(table[0].cellPadding || '');
+				spacingBox.val(table[0].cellSpacing || '');
+				alignBox.val(table[0].align || '');
+				borderBox.val(table[0].border === undefined ? '' : table[0].border);
+				setColor(K(colorBox[0]), K.toHex(table.attr('borderColor') || ''));
+				setColor(K(colorBox[1]), K.toHex(table[0].style.backgroundColor || table[0].bgColor || ''));
+				widthBox[0].focus();
+				widthBox[0].select();
+			}
+		},
+		//modify cell
+		cellprop : function() {
+			var html = [
+				'<div style="padding:10px 20px;">',
+				//width, height
+				'<div class="ke-dialog-row">',
+				'<label for="keWidth" style="width:90px;">' + lang.size + '</label>',
+				lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> &nbsp; ',
+				'<select name="widthType">',
+				'<option value="%">' + lang.percent + '</option>',
+				'<option value="px">' + lang.px + '</option>',
+				'</select> &nbsp; ',
+				lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> &nbsp; ',
+				'<select name="heightType">',
+				'<option value="%">' + lang.percent + '</option>',
+				'<option value="px">' + lang.px + '</option>',
+				'</select>',
+				'</div>',
+				//align
+				'<div class="ke-dialog-row">',
+				'<label for="keAlign" style="width:90px;">' + lang.align + '</label>',
+				lang.textAlign + ' <select id="keAlign" name="textAlign">',
+				'<option value="">' + lang.alignDefault + '</option>',
+				'<option value="left">' + lang.alignLeft + '</option>',
+				'<option value="center">' + lang.alignCenter + '</option>',
+				'<option value="right">' + lang.alignRight + '</option>',
+				'</select> ',
+				lang.verticalAlign + ' <select name="verticalAlign">',
+				'<option value="">' + lang.alignDefault + '</option>',
+				'<option value="top">' + lang.alignTop + '</option>',
+				'<option value="middle">' + lang.alignMiddle + '</option>',
+				'<option value="bottom">' + lang.alignBottom + '</option>',
+				'<option value="baseline">' + lang.alignBaseline + '</option>',
+				'</select>',
+				'</div>',
+				//border
+				'<div class="ke-dialog-row">',
+				'<label for="keBorder" style="width:90px;">' + lang.border + '</label>',
+				lang.borderWidth + ' <input type="text" id="keBorder" class="ke-input-text ke-input-number" name="border" value="" maxlength="4" /> &nbsp; ',
+				lang.borderColor + ' <span class="ke-inline-block ke-input-color"></span>',
+				'</div>',
+				//background color
+				'<div class="ke-dialog-row">',
+				'<label for="keBgColor" style="width:90px;">' + lang.backgroundColor + '</label>',
+				'<span class="ke-inline-block ke-input-color"></span>',
+				'</div>',
+				'</div>'
+			].join('');
+			var picker, currentElement;
+			function removePicker() {
+				if (picker) {
+					picker.remove();
+					picker = null;
+					currentElement = null;
+				}
+			}
+			var dialog = self.createDialog({
+				name : name,
+				width : 500,
+				height : 220,
+				title : self.lang('tablecell'),
+				body : html,
+				beforeDrag : removePicker,
+				beforeRemove : function() {
+					removePicker();
+					colorBox.unbind();
+				},
+				yesBtn : {
+					name : self.lang('yes'),
+					click : function(e) {
+						var width = widthBox.val(),
+							height = heightBox.val(),
+							widthType = widthTypeBox.val(),
+							heightType = heightTypeBox.val(),
+							padding = paddingBox.val(),
+							spacing = spacingBox.val(),
+							textAlign = textAlignBox.val(),
+							verticalAlign = verticalAlignBox.val(),
+							border = borderBox.val(),
+							borderColor = K(colorBox[0]).html() || '',
+							bgColor = K(colorBox[1]).html() || '';
+						if (!/^\d*$/.test(width)) {
+							alert(self.lang('invalidWidth'));
+							widthBox[0].focus();
+							return;
+						}
+						if (!/^\d*$/.test(height)) {
+							alert(self.lang('invalidHeight'));
+							heightBox[0].focus();
+							return;
+						}
+						if (!/^\d*$/.test(border)) {
+							alert(self.lang('invalidBorder'));
+							borderBox[0].focus();
+							return;
+						}
+						cell.css({
+							width : width !== '' ? (width + widthType) : '',
+							height : height !== '' ? (height + heightType) : '',
+							'background-color' : bgColor,
+							'text-align' : textAlign,
+							'vertical-align' : verticalAlign,
+							'border-width' : border,
+							'border-style' : border !== '' ? 'solid' : '',
+							'border-color' : borderColor
+						});
+						self.hideDialog().focus();
+						self.addBookmark();
+					}
+				}
+			}),
+			div = dialog.div,
+			widthBox = K('[name="width"]', div).val(100),
+			heightBox = K('[name="height"]', div),
+			widthTypeBox = K('[name="widthType"]', div),
+			heightTypeBox = K('[name="heightType"]', div),
+			paddingBox = K('[name="padding"]', div).val(2),
+			spacingBox = K('[name="spacing"]', div).val(0),
+			textAlignBox = K('[name="textAlign"]', div),
+			verticalAlignBox = K('[name="verticalAlign"]', div),
+			borderBox = K('[name="border"]', div).val(1),
+			colorBox = K('.ke-input-color', div);
+			function setColor(box, color) {
+				color = color.toUpperCase();
+				box.css('background-color', color);
+				box.css('color', color === '#000000' ? '#FFFFFF' : '#000000');
+				box.html(color);
+			}
+			setColor(K(colorBox[0]), '#000000');
+			setColor(K(colorBox[1]), '');
+			function clickHandler(e) {
+				removePicker();
+				if (!picker || this !== currentElement) {
+					var box = K(this),
+						pos = box.pos();
+					picker = K.colorpicker({
+						x : pos.x,
+						y : pos.y + box.height(),
+						z : 811214,
+						selectedColor : K(this).html(),
+						colors : self.colorTable,
+						noColor : self.lang('noColor'),
+						click : function(color) {
+							setColor(box, color);
+							removePicker();
+						}
+					});
+					currentElement = this;
+				}
+			}
+			colorBox.click(clickHandler);
+			// foucs and select
+			widthBox[0].focus();
+			widthBox[0].select();
+			// get selected cell
+			var cell = self.plugin.getSelectedCell();
+			var match,
+				cellWidth = cell[0].style.width || cell[0].width || '',
+				cellHeight = cell[0].style.height || cell[0].height || '';
+			if ((match = /^(\d+)((?:px|%)*)$/.exec(cellWidth))) {
+				widthBox.val(match[1]);
+				widthTypeBox.val(match[2]);
+			} else {
+				widthBox.val('');
+			}
+			if ((match = /^(\d+)((?:px|%)*)$/.exec(cellHeight))) {
+				heightBox.val(match[1]);
+				heightTypeBox.val(match[2]);
+			}
+			textAlignBox.val(cell[0].style.textAlign || '');
+			verticalAlignBox.val(cell[0].style.verticalAlign || '');
+			var border = cell[0].style.borderWidth || '';
+			if (border) {
+				border = parseInt(border);
+			}
+			borderBox.val(border);
+			setColor(K(colorBox[0]), K.toHex(cell[0].style.borderColor || ''));
+			setColor(K(colorBox[1]), K.toHex(cell[0].style.backgroundColor || ''));
+			widthBox[0].focus();
+			widthBox[0].select();
+		},
+		insert : function() {
+			this.prop(true);
+		},
+		'delete' : function() {
+			var table = self.plugin.getSelectedTable();
+			self.cmd.range.setStartBefore(table[0]).collapse(true);
+			self.cmd.select();
+			table.remove();
+			self.addBookmark();
+		},
+		colinsert : function(offset) {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				index = cell.cellIndex + offset;
+			for (var i = 0, len = table.rows.length; i < len; i++) {
+				var newRow = table.rows[i],
+					newCell = newRow.insertCell(index);
+				newCell.innerHTML = K.IE ? '' : '<br />';
+				// 调整下一行的单元格index
+				index = _getCellIndex(table, newRow, newCell);
+			}
+			self.cmd.range.selectNodeContents(cell).collapse(true);
+			self.cmd.select();
+			self.addBookmark();
+		},
+		colinsertleft : function() {
+			this.colinsert(0);
+		},
+		colinsertright : function() {
+			this.colinsert(1);
+		},
+		rowinsert : function(offset) {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				newRow;
+			if (offset === 1) {
+				newRow = table.insertRow(row.rowIndex + (cell.rowSpan - 1) + offset);
+			} else {
+				newRow = table.insertRow(row.rowIndex);
+			}
+			for (var i = 0, len = row.cells.length; i < len; i++) {
+				var newCell = newRow.insertCell(i);
+				// copy colspan
+				if (offset === 1 && row.cells[i].colSpan > 1) {
+					newCell.colSpan = row.cells[i].colSpan;
+				}
+				newCell.innerHTML = K.IE ? '' : '<br />';
+			}
+			self.cmd.range.selectNodeContents(cell).collapse(true);
+			self.cmd.select();
+			self.addBookmark();
+		},
+		rowinsertabove : function() {
+			this.rowinsert(0);
+		},
+		rowinsertbelow : function() {
+			this.rowinsert(1);
+		},
+		rowmerge : function() {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				rowIndex = row.rowIndex, // 当前行的index
+				nextRowIndex = rowIndex + cell.rowSpan, // 下一行的index
+				nextRow = table.rows[nextRowIndex]; // 下一行
+			// 最后一行不能合并
+			if (table.rows.length <= nextRowIndex) {
+				return;
+			}
+			var cellIndex = _getCellIndex(table, row, cell); // 下一行单元格的index
+			if (nextRow.cells.length <= cellIndex) {
+				return;
+			}
+			var nextCell = nextRow.cells[cellIndex]; // 下一行单元格
+			// 上下行的colspan不一致时不能合并
+			if (cell.colSpan !== nextCell.colSpan) {
+				return;
+			}
+			cell.rowSpan += nextCell.rowSpan;
+			nextRow.deleteCell(cellIndex);
+			self.cmd.range.selectNodeContents(cell).collapse(true);
+			self.cmd.select();
+			self.addBookmark();
+		},
+		colmerge : function() {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				rowIndex = row.rowIndex, // 当前行的index
+				cellIndex = cell.cellIndex,
+				nextCellIndex = cellIndex + 1;
+			// 最后一列不能合并
+			if (row.cells.length <= nextCellIndex) {
+				return;
+			}
+			var nextCell = row.cells[nextCellIndex];
+			// 左右列的rowspan不一致时不能合并
+			if (cell.rowSpan !== nextCell.rowSpan) {
+				return;
+			}
+			cell.colSpan += nextCell.colSpan;
+			row.deleteCell(nextCellIndex);
+			self.cmd.range.selectNodeContents(cell).collapse(true);
+			self.cmd.select();
+			self.addBookmark();
+		},
+		rowsplit : function() {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				rowIndex = row.rowIndex;
+			// 不是可分割单元格
+			if (cell.rowSpan === 1) {
+				return;
+			}
+			var cellIndex = _getCellIndex(table, row, cell);
+			for (var i = 1, len = cell.rowSpan; i < len; i++) {
+				var newRow = table.rows[rowIndex + i],
+					newCell = newRow.insertCell(cellIndex);
+				if (cell.colSpan > 1) {
+					newCell.colSpan = cell.colSpan;
+				}
+				newCell.innerHTML = K.IE ? '' : '<br />';
+				// 调整下一行的单元格index
+				cellIndex = _getCellIndex(table, newRow, newCell);
+			}
+			K(cell).removeAttr('rowSpan');
+			self.cmd.range.selectNodeContents(cell).collapse(true);
+			self.cmd.select();
+			self.addBookmark();
+		},
+		colsplit : function() {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				cellIndex = cell.cellIndex;
+			// 不是可分割单元格
+			if (cell.colSpan === 1) {
+				return;
+			}
+			for (var i = 1, len = cell.colSpan; i < len; i++) {
+				var newCell = row.insertCell(cellIndex + i);
+				if (cell.rowSpan > 1) {
+					newCell.rowSpan = cell.rowSpan;
+				}
+				newCell.innerHTML = K.IE ? '' : '<br />';
+			}
+			K(cell).removeAttr('colSpan');
+			self.cmd.range.selectNodeContents(cell).collapse(true);
+			self.cmd.select();
+			self.addBookmark();
+		},
+		coldelete : function() {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				index = cell.cellIndex;
+			for (var i = 0, len = table.rows.length; i < len; i++) {
+				var newRow = table.rows[i],
+					newCell = newRow.cells[index];
+				if (newCell.colSpan > 1) {
+					newCell.colSpan -= 1;
+					if (newCell.colSpan === 1) {
+						K(newCell).removeAttr('colSpan');
+					}
+				} else {
+					newRow.deleteCell(index);
+				}
+				// 跳过不需要删除的行
+				if (newCell.rowSpan > 1) {
+					i += newCell.rowSpan - 1;
+				}
+			}
+			if (row.cells.length === 0) {
+				self.cmd.range.setStartBefore(table).collapse(true);
+				self.cmd.select();
+				K(table).remove();
+			} else {
+				self.cmd.selection(true);
+			}
+			self.addBookmark();
+		},
+		rowdelete : function() {
+			var table = self.plugin.getSelectedTable()[0],
+				row = self.plugin.getSelectedRow()[0],
+				cell = self.plugin.getSelectedCell()[0],
+				rowIndex = row.rowIndex;
+			// 从下到上删除
+			for (var i = cell.rowSpan - 1; i >= 0; i--) {
+				table.deleteRow(rowIndex + i);
+			}
+			if (table.rows.length === 0) {
+				self.cmd.range.setStartBefore(table).collapse(true);
+				self.cmd.select();
+				K(table).remove();
+			} else {
+				self.cmd.selection(true);
+			}
+			self.addBookmark();
+		}
+	};
+	self.clickToolbar(name, self.plugin.table.prop);
+});