RubyGems - rails_kindeditor - Versions diffs - 0.0.1 - Mend

rails_kindeditor 0.0.1

Files changed (195) hide show

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/about.html ADDED Viewed

@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>About</title>
+		<style type="text/css" rel="stylesheet">
+			body {
+				margin: 0;
+				font:12px/1.5 "sans serif",tahoma,verdana,helvetica;
+				background-color:#F0F0EE;
+				color:#222222;
+				overflow:hidden;
+			}
+			.main {
+				margin: 10px;
+			}
+			.table {
+				list-style-image:none;
+				list-style-position:outside;
+				list-style-type:none;
+				margin:0;
+				padding:0;
+				display:block;
+			}
+			.table li {
+				padding:0;
+				margin:0;
+				display:list-item;
+			}
+		</style>
+		<script type="text/javascript">
+			var KE = parent.KindEditor;
+			var id = KE.util.getParam(location.href, 'id');
+			KE.event.ready(function() {
+				KE.util.pluginLang('about', document);
+				KE.util.hideLoadingPage(id);
+			}, window, document);
+		</script>
+	</head>
+	<body>
+		<div class="main">
+			<ul class="table">
+				<li>
+					KindEditor <span id="lang.version"></span></span>
+				</li>
+				<li>
+					Copyright &copy; <a href="http://www.kindsoft.net/" target="_blank">kindsoft.net</a> All rights reserved.
+				</li>
+			</ul>
+		</div>
+	</body>
+</html>

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/accessory.html ADDED Viewed

@@ -0,0 +1,74 @@
+<!doctype html>
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<title>Accessory</title>
+<style type="text/css" rel="stylesheet">
+body {
+    font-size:12px;
+    margin: 0px;
+    background-color:#F0F0EE;
+    overflow: hidden;
+}
+td.left1 {
+    font-size:12px;
+    width: 50px;
+    padding: 2px;
+}
+td.right1 {
+    font-size:12px;
+    padding: 2px;
+}
+td.left2 {
+    font-size:12px;
+    width: 35px;
+    padding: 2px;
+}
+td.right2 {
+    font-size:12px;
+    padding: 2px;
+    width: 50px;
+}
+</style>
+<script type="text/javascript">
+    function changeType(obj) {
+        var url = document.getElementById('url');
+        var imgFile = document.getElementById('imgFile');
+        var trRemark = document.getElementById('trRemark');
+        if (obj.value == 1) {
+            url.style.display = 'none';
+            imgFile.style.display = '';
+            trRemark.style.display = 'none';
+        } else {
+            url.style.display = '';
+            imgFile.style.display = 'none';
+            trRemark.style.display = '';
+        }
+    }
+</script>
+</head>
+<body>
+<form name="uploadForm" method="post" enctype="multipart/form-data" action="/kindeditor/upload">
+    <input type="hidden" id="editorId" name="id" value="" />
+    <table border="0" cellpadding="0" cellspacing="0">
+      <tr>
+        <td class="left1">
+          <select id="type" name="type" onchange="changeType(this);">
+              <option value="1" selected="selected">Upload</option>
+              <option value="2">Insert URL</option>
+          </select>
+        </td>
+        <td class="right1">
+          <input type="file" id="imgFile" name="imgFile" style="width:220px;" />
+          <input type="text" id="url" name="url" value="http://" maxlength="255" style="width:220px;display:none;" />
+        </td>
+      </tr>
+      <tr id="trRemark" style="display:none;">
+        <td class="left1" align="right">Description：</td>
+        <td class="right1"><input type="text" id="description" name="description" value="uploaded file" maxlength="100" style="width:220px;" /></td>
+      </tr>
+    </table>
+</form>
+</body>
+</html>

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/advtable/advtable.html ADDED Viewed

@@ -0,0 +1,235 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Table</title>
+		<link href="../../skins/default.css" rel="stylesheet" />
+		<style type="text/css" rel="stylesheet">
+			body {
+				margin: 0;
+				font:12px/1.5 "sans serif",tahoma,verdana,helvetica;
+				background-color:#F0F0EE;
+				color:#333;
+				overflow:hidden;
+			}
+			label {
+				cursor:pointer;
+				width:60px;
+				margin-right:5px;
+			}
+			.main {
+				margin: 0 10px;
+			}
+			.table {
+				list-style-image:none;
+				list-style-position:outside;
+				list-style-type:none;
+				margin:0;
+				padding:0;
+				display:block;
+			}
+			.table li {
+				padding:0;
+				margin-bottom:10px;
+				display:list-item;
+				line-height:1.5;
+			}
+			.table li label {
+				font-weight:bold;
+			}
+			.table li input {
+				vertical-align:middle;
+			}
+			.table li input.text {
+				width:50px;
+			}
+			.margin-right-10 {
+				margin-right:10px;
+			}
+			.color-picker {
+				border: 1px solid #A0A0A0;
+				background-color: #FFFFFF;
+				font-size: 12px;
+				width: 60px;
+				height: 20px;
+				line-height: 20px;
+				padding-left: 5px;
+				overflow: hidden;
+				cursor: pointer;
+			}
+		</style>
+		<script type="text/javascript">
+			var KE = parent.KindEditor;
+			var id = KE.util.getParam(location.href, 'id');
+			var mode = KE.util.getParam(location.href, 'mode');
+			KE.event.ready(function() {
+				var modeBox = KE.$('mode', document);
+				var rowsBox = KE.$('rows', document);
+				var colsBox = KE.$('cols', document);
+				var widthBox = KE.$('width', document);
+				var heightBox = KE.$('height', document);
+				var widthTypeBox = KE.$('widthType', document);
+				var heightTypeBox = KE.$('heightType', document);
+				var paddingBox = KE.$('padding', document);
+				var spacingBox = KE.$('spacing', document);
+				var alignBox = KE.$('align', document);
+				var borderBox = KE.$('border', document);
+				var borderColorBox = KE.$('borderColor', document);
+				var backgroundColorBox = KE.$('backgroundColor', document);
+				var lang = KE.lang.plugins.advtable;
+				widthTypeBox.options[0] = new Option(lang.percent, '%');
+				widthTypeBox.options[1] = new Option(lang.px, 'px');
+				heightTypeBox.options[0] = new Option(lang.percent, '%');
+				heightTypeBox.options[1] = new Option(lang.px, 'px');
+				alignBox.options[0] = new Option(lang.alignDefault, '');
+				alignBox.options[1] = new Option(lang.alignLeft, 'left');
+				alignBox.options[2] = new Option(lang.alignCenter, 'center');
+				alignBox.options[3] = new Option(lang.alignRight, 'right');
+				var rows = 3;
+				var cols = 2;
+				var width = 100;
+				var height = '';
+				var widthType = '%';
+				var heightType = '%';
+				var padding = 2;
+				var spacing = 0;
+				var align = '';
+				var border = 1;
+				var borderColor = '#000000';
+				var backgroundColor = '';
+				var table = KE.plugin.advtable.getSelectedTable(id);
+				if (mode === 'default' && table) mode = 'update';
+				if (mode === 'update') {
+					rows = table.rows.length;
+					cols = rows > 0 ? table.rows[0].cells.length : 0;
+					rowsBox.disabled = true;
+					colsBox.disabled = true;
+					var tableWidth = table.style.width || table.width;
+					var tableHeight = table.style.height || table.height;
+					if (tableWidth !== undefined && tableWidth.match(/^(\d+)((?:px|%)*)$/)) {
+						width = RegExp.$1;
+						widthType = RegExp.$2;
+					} else {
+						width = '';
+					}
+					if (tableHeight !== undefined && tableHeight.match(/^(\d+)((?:px|%)*)$/)) {
+						height = RegExp.$1;
+						heightType = RegExp.$2;
+					}
+					padding = table.cellPadding || '';
+					spacing = table.cellSpacing || '';
+					align = table.align || '';
+					border = (table.border === undefined) ? '' : table.border;
+					borderColor = table.getAttribute('borderColor') || '';
+					backgroundColor = table.style.backgroundColor || table.bgColor || '';
+					borderColor = KE.util.rgbToHex(borderColor).toUpperCase();
+					backgroundColor = KE.util.rgbToHex(backgroundColor).toUpperCase();
+				}
+				modeBox.value = mode;
+				rowsBox.value = rows;
+				colsBox.value = cols;
+				widthBox.value = width;
+				heightBox.value = height;
+				widthTypeBox.value = widthType;
+				heightTypeBox.value = heightType;
+				paddingBox.value = padding;
+				spacingBox.value = spacing;
+				alignBox.value = align;
+				borderBox.value = border;
+				function setColor(el, color) {
+					el.style.backgroundColor = color;
+					el.style.color = (color == '#000000') ? '#FFFFFF' : '#000000';
+					el.innerHTML = color;
+				}
+				setColor(borderColorBox, borderColor);
+				setColor(backgroundColorBox, backgroundColor);
+				var picker;
+				var currentElement;
+				function removePicker() {
+					if (picker) {
+						picker.remove();
+						picker = null;
+						currentElement = null;
+					}
+				}
+				function onclickFunc(el) {
+					if (picker && el === currentElement) {
+						removePicker();
+					} else {
+						removePicker();
+						var dialog = KE.g[id].dialogStack[0];
+						dialog.beforeHide = removePicker;
+						dialog.ondrag = removePicker;
+						var scrollPos = KE.util.getScrollPos();
+						var iframePos = KE.util.getElementPos(dialog.iframe);
+						var pos = KE.util.getElementPos(el);
+						picker = new KE.colorpicker({
+							x : iframePos.x + pos.x - scrollPos.x,
+							y : iframePos.y + pos.y - scrollPos.y + 22,
+							z : dialog.zIndex + 1,
+							onclick : function(color) {
+								setColor(el, color);
+								removePicker();
+							},
+							selectedColor : (el.innerHTML || '')
+						});
+						picker.create();
+						currentElement = el;
+					}
+				}
+				borderColorBox.onclick = function() {
+					onclickFunc(borderColorBox);
+				};
+				backgroundColorBox.onclick = function() {
+					onclickFunc(backgroundColorBox);
+				};
+				KE.util.pluginLang('advtable', document);
+				KE.util.hideLoadingPage(id);
+				if (mode === 'update') {
+					widthBox.focus();
+					widthBox.select();
+				} else {
+					rowsBox.focus();
+					rowsBox.select();
+				}
+			}, window, document);
+		</script>
+	</head>
+	<body>
+		<div class="main">
+			<input type="hidden" id="mode" name="mode" value="" />
+			<ul class="table">
+				<li>
+					<label for="rows" class="ke-inline-block"><span id="lang.cells"></span></label>
+					<span id="lang.rows"></span>&nbsp;<input type="text" id="rows" name="rows" value="" maxlength="4" class="ke-inline-block ke-text-input text margin-right-10" />
+					<span id="lang.cols"></span>&nbsp;<input type="text" id="cols" name="cols" value="" maxlength="4" class="ke-inline-block ke-text-input text" />
+				</li>
+				<li>
+					<label for="width" class="ke-inline-block"><span id="lang.size"></span></label>
+					<span id="lang.width"></span>&nbsp;<input type="text" id="width" name="width" value="" maxlength="4" class="ke-inline-block ke-text-input text" />
+					<select id="widthType" name="widthType" class="ke-inline-block margin-right-10"></select>
+					<span id="lang.height"></span>&nbsp;<input type="text" id="height" name="height" value="" maxlength="4" class="ke-inline-block ke-text-input text" />
+					<select id="heightType" name="heightType" class="ke-inline-block margin-right-10"></select>
+				</li>
+				<li>
+					<label for="padding" class="ke-inline-block"><span id="lang.space"></span></label>
+					<span id="lang.padding"></span>&nbsp;<input type="text" id="padding" name="padding" value="" maxlength="4" class="ke-inline-block ke-text-input text margin-right-10" />
+					<span id="lang.spacing"></span>&nbsp;<input type="text" id="spacing" name="spacing" value="" maxlength="4" class="ke-inline-block ke-text-input text" />
+				</li>
+				<li>
+					<label for="align" class="ke-inline-block"><span id="lang.align"></span></label>
+					<select id="align" name="align" class="ke-inline-block"></select>
+				</li>
+				<li>
+					<label for="border" class="ke-inline-block"><span id="lang.border"></span></label>
+					<span id="lang.borderWidth"></span>&nbsp;<input type="text" id="border" name="border" value="" maxlength="4" class="ke-inline-block ke-text-input text margin-right-10" />
+					<span id="lang.borderColor"></span>&nbsp;<span id="borderColor" class="ke-inline-block color-picker"></span>
+				</li>
+				<li>
+					<label for="backgroundColor" class="ke-inline-block"><span id="lang.backgroundColor"></span></label>
+					<span id="backgroundColor" class="ke-inline-block color-picker"></span>
+				</li>
+			</ul>
+		</div>
+	</body>
+</html>

data/lib/generators/rails_kindeditor/install/templates/kindeditor/plugins/advtable/cell.html ADDED Viewed

@@ -0,0 +1,201 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Cell</title>
+		<link href="../../skins/default.css" rel="stylesheet" />
+		<style type="text/css" rel="stylesheet">
+			body {
+				margin: 0;
+				font:12px/1.5 "sans serif",tahoma,verdana,helvetica;
+				background-color:#F0F0EE;
+				color:#333;
+				overflow:hidden;
+			}
+			label {
+				cursor:pointer;
+				width:60px;
+				margin-right:5px;
+			}
+			.main {
+				margin: 0 10px;
+			}
+			.table {
+				list-style-image:none;
+				list-style-position:outside;
+				list-style-type:none;
+				margin:0;
+				padding:0;
+				display:block;
+			}
+			.table li {
+				padding:0;
+				margin-bottom:10px;
+				display:list-item;
+				line-height:1.5;
+			}
+			.table li label {
+				font-weight:bold;
+			}
+			.table li input {
+				vertical-align:middle;
+			}
+			.table li input.text {
+				width:50px;
+			}
+			.margin-right-10 {
+				margin-right:10px;
+			}
+			.color-picker {
+				border: 1px solid #A0A0A0;
+				background-color: #FFFFFF;
+				font-size: 12px;
+				width: 60px;
+				height: 20px;
+				line-height: 20px;
+				padding-left: 5px;
+				overflow: hidden;
+				cursor: pointer;
+			}
+		</style>
+		<script type="text/javascript">
+			var KE = parent.KindEditor;
+			var id = KE.util.getParam(location.href, 'id');
+			var mode = KE.util.getParam(location.href, 'mode');
+			KE.event.ready(function() {
+				var widthBox = KE.$('width', document);
+				var heightBox = KE.$('height', document);
+				var widthTypeBox = KE.$('widthType', document);
+				var heightTypeBox = KE.$('heightType', document);
+				var textAlignBox = KE.$('textAlign', document);
+				var verticalAlignBox = KE.$('verticalAlign', document);
+				var borderBox = KE.$('border', document);
+				var borderColorBox = KE.$('borderColor', document);
+				var backgroundColorBox = KE.$('backgroundColor', document);
+				var lang = KE.lang.plugins.advtable;
+				widthTypeBox.options[0] = new Option(lang.percent, '%');
+				widthTypeBox.options[1] = new Option(lang.px, 'px');
+				heightTypeBox.options[0] = new Option(lang.percent, '%');
+				heightTypeBox.options[1] = new Option(lang.px, 'px');
+				textAlignBox.options[0] = new Option(lang.alignDefault, '');
+				textAlignBox.options[1] = new Option(lang.alignLeft, 'left');
+				textAlignBox.options[2] = new Option(lang.alignCenter, 'center');
+				textAlignBox.options[3] = new Option(lang.alignRight, 'right');
+				verticalAlignBox.options[0] = new Option(lang.alignDefault, '');
+				verticalAlignBox.options[1] = new Option(lang.alignTop, 'top');
+				verticalAlignBox.options[2] = new Option(lang.alignMiddle, 'middle');
+				verticalAlignBox.options[3] = new Option(lang.alignBottom, 'bottom');
+				verticalAlignBox.options[4] = new Option(lang.alignBaseline, 'baseline');
+				var width = '';
+				var height = '';
+				var widthType = 'px';
+				var heightType = 'px';
+				var cell = KE.plugin.advtable.getSelectedCell(id);
+				var cellWidth = cell.style.width || cell.width || '';
+				var cellHeight = cell.style.height || cell.height || '';
+				var match;
+				if ((match = /^(\d+)((?:px|%)*)$/.exec(cellWidth))) {
+					width = match[1];
+					widthType = match[2];
+				}
+				if ((match = /^(\d+)((?:px|%)*)$/.exec(cellHeight))) {
+					height = match[1];
+					heightType = match[2];
+				}
+				var textAlign = cell.style.textAlign || '';
+				var verticalAlign = cell.style.verticalAlign || '';
+				var border = cell.style.borderWidth || '';
+				if (border) border = parseInt(border);
+				var borderColor = cell.style.borderColor || '';
+				var backgroundColor = cell.style.backgroundColor || '';
+				var borderColor = KE.util.rgbToHex(borderColor).toUpperCase();
+				var backgroundColor = KE.util.rgbToHex(backgroundColor).toUpperCase();
+				widthBox.value = width;
+				heightBox.value = height;
+				widthTypeBox.value = widthType;
+				heightTypeBox.value = heightType;
+				textAlignBox.value = textAlign;
+				verticalAlignBox.value = verticalAlign;
+				borderBox.value = border;
+				function setColor(el, color) {
+					el.style.backgroundColor = color;
+					el.style.color = (color == '#000000') ? '#FFFFFF' : '#000000';
+					el.innerHTML = color;
+				}
+				setColor(borderColorBox, borderColor);
+				setColor(backgroundColorBox, backgroundColor);
+				var picker;
+				var currentElement;
+				function removePicker() {
+					if (picker) {
+						picker.remove();
+						picker = null;
+						currentElement = null;
+					}
+				}
+				function onclickFunc(el) {
+					if (picker && el === currentElement) {
+						removePicker();
+					} else {
+						removePicker();
+						var dialog = KE.g[id].dialogStack[0];
+						dialog.beforeHide = removePicker;
+						dialog.ondrag = removePicker;
+						var scrollPos = KE.util.getScrollPos();
+						var iframePos = KE.util.getElementPos(dialog.iframe);
+						var pos = KE.util.getElementPos(el);
+						picker = new KE.colorpicker({
+							x : iframePos.x + pos.x - scrollPos.x,
+							y : iframePos.y + pos.y - scrollPos.y + 22,
+							z : dialog.zIndex + 1,
+							onclick : function(color) {
+								setColor(el, color);
+								removePicker();
+							},
+							selectedColor : (el.innerHTML || '')
+						});
+						picker.create();
+						currentElement = el;
+					}
+				}
+				borderColorBox.onclick = function() {
+					onclickFunc(borderColorBox);
+				};
+				backgroundColorBox.onclick = function() {
+					onclickFunc(backgroundColorBox);
+				};
+				KE.util.pluginLang('advtable', document);
+				KE.util.hideLoadingPage(id);
+				widthBox.focus();
+				widthBox.select();
+			}, window, document);
+		</script>
+	</head>
+	<body>
+		<div class="main">
+			<ul class="table">
+				<li>
+					<label for="width" class="ke-inline-block"><span id="lang.size"></span></label>
+					<span id="lang.width"></span>&nbsp;<input type="text" id="width" name="width" value="" maxlength="4" class="ke-inline-block ke-text-input text" />
+					<select id="widthType" name="widthType" align="absmiddle" class="ke-inline-block margin-right-10"></select>
+					<span id="lang.height"></span>&nbsp;<input type="text" id="height" name="height" value="" maxlength="4" class="ke-inline-block ke-text-input text" />
+					<select id="heightType" name="heightType" align="absmiddle" class="ke-inline-block margin-right-10"></select>
+				</li>
+				<li>
+					<label for="align" class="ke-inline-block"><span id="lang.align"></span></label>
+					<span id="lang.textAlign"></span>&nbsp;<select id="textAlign" name="textAlign" class="ke-inline-block margin-right-10"></select>
+					<span id="lang.verticalAlign"></span>&nbsp;<select id="verticalAlign" name="verticalAlign" class="ke-inline-block"></select>
+				</li>
+				<li>
+					<label for="border" class="ke-inline-block"><span id="lang.border"></span></label>
+					<span id="lang.borderWidth"></span>&nbsp;<input type="text" id="border" name="border" value="" maxlength="4" class="ke-inline-block ke-text-input text margin-right-10" />
+					<span id="lang.borderColor"></span>&nbsp;<span id="borderColor" class="ke-inline-block color-picker"></span>
+				</li>
+				<li>
+					<label for="backgroundColor" class="ke-inline-block"><span id="lang.backgroundColor"></span></label>
+					<span id="backgroundColor" class="ke-inline-block color-picker"></span>
+				</li>
+			</ul>
+		</div>
+	</body>
+</html>