2009-3-17
1.修改插入图片，增加预览，预览图片按原始比例显示
2.修改插入图片，使用无惧无组件上传
3.使用相对路径
不知如何将附件上传，需要的请跟帖留Email
kindeditor.js文件如下：
[code="JS"]
/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
*
* @author Roddy <luolonghao@gmail.com>
* @site http://www.kindsoft.net/
* @licence LGPL(http://www.opensource.org/licenses/lgpl-license.php)
* @version 3.1.1
*******************************************************************************/
var KE = {};
KE.lang = {
source : '切换模式',
preview : '预览',
zoom : '放大',
undo : '后退',
redo : '前进',
cut : '剪切',
copy : '复制',
paste : '粘贴',
plainpaste : '粘贴为无格式文本',
wordpaste : '从Word粘贴',
selectall : '全选',
justifyleft : '左对齐',
justifycenter : '居中',
justifyright : '右对齐',
justifyfull : '两端对齐',
insertorderedlist : '编号',
insertunorderedlist : '项目符号',
indent : '增加缩进',
outdent : '减少缩进',
subscript : '下标',
superscript : '上标',
date : '插入当前日期',
time : '插入当前时间',
title : '标题',
fontname : '字体',
fontsize : '文字大小',
textcolor : '文字颜色',
bgcolor : '文字背景',
bold : '粗体',
italic : '斜体',
underline : '下划线',
strikethrough : '删除线',
removeformat : '删除格式',
image : '插入图片',
flash : '插入Flash',
media : '插入多媒体',
layer : '插入层',
table : '插入表格',
specialchar : '插入特殊字符',
hr : '插入横线',
emoticons : '插入笑脸',
link : '超级连接',
unlink : '取消超级连接',
fullscreen : '全屏显示',
about : '关于',
print : '打印',
yes : '确定',
no : '取消',
close : '关闭',
fontTable : {
'SimSun' : '宋体',
'SimHei' : '黑体',
'FangSong_GB2312' : '仿宋体',
'KaiTi_GB2312' : '楷体',
'NSimSun' : '新宋体',
'Arial' : 'Arial',
'Arial Black' : 'Arial Black',
'Times New Roman' : 'Times New Roman',
'Courier New' : 'Courier New',
'Tahoma' : 'Tahoma',
'Verdana' : 'Verdana'
},
titleTable : {
'H1' : '标题 1',
'H2' : '标题 2',
'H3' : '标题 3',
'H4' : '标题 4',
'H5' : '标题 5',
'H6' : '标题 6'
},
charTable : [
['§','№','☆','★','○','●','◎','◇','◆','□'],
['℃','‰','■','△','▲','※','→','←','↑','↓'],
['〓','¤','°','＃','＆','＠','＼','︿','＿','￣'],
['―','α','β','γ','δ','ε','ζ','η','θ','ι'],
['κ','λ','μ','ν','ξ','ο','π','ρ','σ','τ'],
['υ','φ','χ','ψ','ω','≈','≡','≠','＝','≤'],
['≥','＜','＞','≮','≯','∷','±','＋','－','×'],
['÷','／','∫','∮','∝','∞','∧','∨','∑','∏'],
['∪','∩','∈','∵','∴','⊥','∥','∠','⌒','⊙'],
['≌','∽','〖','〗','【','】','（','）','［','］']
],
colorTable : [
["#FFFFFF","#E5E4E4","#D9D8D8","#C0BDBD","#A7A4A4","#8E8A8B","#827E7F","#767173","#5C585A","#000000"],
["#FEFCDF","#FEF4C4","#FEED9B","#FEE573","#FFED43","#F6CC0B","#E0B800","#C9A601","#AD8E00","#8C7301"],
["#FFDED3","#FFC4B0","#FF9D7D","#FF7A4E","#FF6600","#E95D00","#D15502","#BA4B01","#A44201","#8D3901"],
["#FFD2D0","#FFBAB7","#FE9A95","#FF7A73","#FF483F","#FE2419","#F10B00","#D40A00","#940000","#6D201B"],
["#FFDAED","#FFB7DC","#FFA1D1","#FF84C3","#FF57AC","#FD1289","#EC0078","#D6006D","#BB005F","#9B014F"],
["#FCD6FE","#FBBCFF","#F9A1FE","#F784FE","#F564FE","#F546FF","#F328FF","#D801E5","#C001CB","#8F0197"],
["#E2F0FE","#C7E2FE","#ADD5FE","#92C7FE","#6EB5FF","#48A2FF","#2690FE","#0162F4","#013ADD","#0021B0"],
["#D3FDFF","#ACFAFD","#7CFAFF","#4AF7FE","#1DE6FE","#01DEFF","#00CDEC","#01B6DE","#00A0C2","#0084A0"],
["#EDFFCF","#DFFEAA","#D1FD88","#BEFA5A","#A8F32A","#8FD80A","#79C101","#3FA701","#307F00","#156200"],
["#D4C89F","#DAAD88","#C49578","#C2877E","#AC8295","#C0A5C4","#969AC2","#92B7D7","#80ADAF","#9CA53B"]
],
invalidSwf : "请输入有效的URL地址。\n只允许swf格式。",
invalidImg : "请输入有效的URL地址。\n只允许jpg,gif,bmp,png格式。",
invalidMedia : "请输入有效的URL地址。\n只允许mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb格式。",
invalidWidth : "宽度必须为数字。",
invalidHeight : "高度必须为数字。",
invalidBorder : "边框必须为数字。",
invalidUrl : "URL不正确。",
pleaseInput : "请输入内容"
};
KE.$ = function(id, doc){
var doc = doc || document;
return doc.getElementById(id);
};
KE.$$ = function(name, doc){
var doc = doc || document;
return doc.createElement(name);
};
KE.event = {
add : function(el, event, listener) {
if (el.addEventListener){
el.addEventListener(event, listener, false);
} else if (el.attachEvent){
el.attachEvent('on' + event, listener);
}
},
remove : function(el, event, listener) {
if (el.removeEventListener){
el.removeEventListener(event, listener, false);
} else if (el.detachEvent){
el.detachEvent('on' + event, listener);
}
}
};
KE.each = function(obj, func) {
for (var key in obj) {
if (obj.hasOwnProperty(key)) func(key, obj[key]);
}
};
KE.util = {
getDocumentElement : function() {
return (document.compatMode != "CSS1Compat") ? document.body : document.documentElement;
},
getDocumentHeight: function() {
var el = this.getDocumentElement();
return Math.max(el.scrollHeight, el.clientHeight);
},
getDocumentWidth: function() {
var el = this.getDocumentElement();
return Math.max(el.scrollWidth, el.clientWidth);
},
getScriptPath : function() {
var elements = document.getElementsByTagName('script');
for (var i = 0; i < elements.length; i++) {
if (elements[i].src && elements[i].src.match(/kindeditor[\w\-\.]*\.js/) != null) {
return elements[i].src.substring(0, elements[i].src.lastIndexOf('/') + 1);
}
}
},
getHtmlPath : function() {
return location.href.substring(0, location.href.lastIndexOf('/') + 1);
},
getBrowser : function() {
var browser = '';
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("msie") > -1) {
browser = 'IE';
} else if (ua.indexOf("gecko") > -1) {
browser = 'GECKO';
} else if (ua.indexOf("opera") > -1) {
browser = 'OPERA';
}
return browser;
},
loadStyle : function(path) {
var link = KE.$$('link');
link.setAttribute('type', 'text/css');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('href', path);
document.getElementsByTagName("head")[0].appendChild(link);
},
inArray : function(str, arr) {
for (var i = 0; i < arr.length; i++) {if (str == arr[i]) return true;}
return false;
},
escape : function(html) {
html = html.replace(/&/g, "&");
html = html.replace(/</g, "<");
html = html.replace(/>/g, ">");
html = html.replace(/\xA0/g, " ");
html = html.replace(/\x20/g, " ");
return html;
},
getElementPos : function(el) {
var x = 0;
var y = 0;
if (el.getBoundingClientRect) {
var box = el.getBoundingClientRect();
var el = this.getDocumentElement();
x = box.left + el.scrollLeft - el.clientLeft;
y = box.top + el.scrollTop - el.clientTop;
} else {
x = el.offsetLeft;
y = el.offsetTop;
var parent = el.offsetParent;
while (parent) {
x += parent.offsetLeft;
y += parent.offsetTop;
parent = parent.offsetParent;
}
}
return {'x' : x, 'y' : y};
},
getCoords : function(ev) {
ev = ev || window.event;
var el = this.getDocumentElement();
if (ev.pageX) return { x : ev.pageX, y : ev.pageY};
return {
x : ev.clientX + el.scrollLeft - el.clientLeft,
y : ev.clientY + el.scrollTop - el.clientTop
};
},
setOpacity : function(el, opacity) {
if (KE.browser == 'IE') {
el.style.filter = (opacity == 100) ? "" : "gray() alpha(opacity=" + opacity + ")";
} else {
el.style.opacity = (opacity == 100) ? "" : "0." + opacity.toString();
}
},
showBottom : function(id) {
KE.g[id].bottom.style.display = 'block';
},
hideBottom : function(id) {
KE.g[id].bottom.style.display = 'none';
},
drag : function(id, mousedownObj, moveObj, func) {
var obj = KE.g[id];
mousedownObj.onmousedown = function(event) {
if (obj.wyswygMode) {
obj.iframe.style.display = 'none';
}
if (KE.browser != 'IE') event.preventDefault();
var ev = event || window.event;
var pos = KE.util.getCoords(ev);
var objTop = parseInt(moveObj.style.top);
var objLeft = parseInt(moveObj.style.left);
var objWidth = parseInt(moveObj.style.width);
var objHeight = parseInt(moveObj.style.height);
var mouseTop = pos.y;
var mouseLeft = pos.x;
var dragFlag = true;
var moveListener = function(event) {
if (dragFlag) {
var ev = event || window.event;
var pos = KE.util.getCoords(ev);
var top = pos.y - mouseTop;
var left = pos.x - mouseLeft;
func(objTop, objLeft, objWidth, objHeight, top, left);
}
return false;
};
var upListener = function(event) {
if (obj.wyswygMode) {
obj.iframe.style.display = '';
}
dragFlag = false;
KE.event.remove(document, 'mousemove', moveListener);
KE.event.remove(document, 'mouseup', upListener);
};
KE.event.add(document, 'mousemove', moveListener);
KE.event.add(document, 'mouseup', upListener);
};
},
setDefaultPlugin : function(id) {
var items = [
'cut', 'copy', 'paste', 'selectall', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript',
'bold', 'italic', 'underline', 'strikethrough', 'removeformat', 'unlink'
];
for (var i = 0; i < items.length; i++) {
KE.plugin[items[i]] = {
click : new Function('id', 'KE.util.execCommand(id, "' + items[i] + '", null);')
};
}
},
getIframeDoc : function(iframe) {
var win = iframe.contentWindow;
var doc = null;
if (iframe.contentDocument) {
doc = iframe.contentDocument;
} else {
doc = win.document;
}
return doc;
},
getFullHtml : function(id) {
var html = '<html>';
html += '<head>';
html += '<base href="' + KE.htmlPath + '" />';
html += '<title>editor</title>';
if (KE.g[id].cssPath) {
html += '<link href="' + KE.g[id].cssPath + '" rel="stylesheet" type="text/css" />';
}
html += '</head>';
html += '<body>';
html += '</body>';
html += '</html>';
return html;
},
resize : function(id, width, height) {
var obj = KE.g[id];
if (width <= obj.minWidth || height <= obj.minHeight) return;
obj.container.style.width = width + 'px';
obj.container.style.height = height + 'px';
obj.formDiv.style.height = height + 'px';
var diff = obj.toolbarDiv.offsetHeight + obj.bottom.offsetHeight;
var formBorder = obj.formDiv.offsetHeight - obj.formDiv.clientHeight;
height -= diff + formBorder;
if (KE.browser == 'IE') {
var border = obj.container.offsetWidth - obj.container.clientWidth;
if (document.compatMode != "CSS1Compat") {
height -= border;
width -= border;
obj.formDiv.style.height = (height + formBorder) + 'px';
} else {
obj.formDiv.style.height = height + 'px';
}
obj.iframe.style.height = height + 'px';
obj.newTextarea.style.width = (width - border) + 'px';
obj.newTextarea.style.height = (height - formBorder) + 'px';
} else {
obj.formDiv.style.height = height + 'px';
obj.iframe.style.height = height + 'px';
obj.newTextarea.style.width = '100%';
obj.newTextarea.style.height = height + 'px';
}
},
getData : function(id, filterMode) {
var data;
filterMode = (typeof filterMode == "undefined") ? true : filterMode;
if (KE.g[id].wyswygMode) {
if (filterMode) {
data = KE.util.outputHtml(id, KE.g[id].iframeDoc.body);
} else {
data = KE.g[id].iframeDoc.body.innerHTML;
}
} else {
data = KE.g[id].newTextarea.value;
}
return data;
},
setData : function(id) {
var data = this.getData(id, KE.g[id].filterMode);
KE.g[id].srcTextarea.value = data;
},
getPureData : function(id) {
var data = this.getData(id, false);
data = data.replace(/<br[\s\/]{0,2}>/ig, "\r\n");
data = data.replace(/<.*?>/ig, "");
return data;
},
setPureData : function(id) {
var data = this.getPureData(id);
KE.g[id].srcTextarea.value = data;
},
focus : function(id) {
if (KE.g[id].wyswygMode) {
KE.g[id].iframeWin.focus();
} else {
KE.g[id].newTextarea.focus();
}
},
click : function(id, cmd) {
KE.layout.hide(id);
KE.util.focus(id);
KE.plugin[cmd].click(id);
},
selection : function(id) {
var win = KE.g[id].iframeWin;
var doc = KE.g[id].iframeDoc;
var sel = win.getSelection ? win.getSelection() : doc.selection;
var range;
try {
if (sel.rangeCount > 0) {
range = sel.getRangeAt(0);
} else {
range = sel.createRange ? sel.createRange() : doc.createRange();
}
} catch(e) {}
if (!range) {
range = (KE.browser == 'IE') ? doc.body.createTextRange() : doc.createRange();
}
KE.g[id].selection = sel;
KE.g[id].range = range;
},
select : function(id) {
if (KE.browser == 'IE') KE.g[id].range.select();
},
pToBr : function(id) {
if(KE.browser == 'IE') {
KE.event.add(KE.g[id].iframeDoc, 'keydown', function(e) {
if (e.keyCode == 13) {
KE.util.selection(id);
if(KE.g[id].range.parentElement().tagName != 'LI') {
KE.util.insertHtml(id, '<br />');
return false;
}
}
});
}
},
execCommand : function(id, cmd, value) {
try {
KE.g[id].iframeDoc.execCommand(cmd, false, value);
} catch(e) {}
KE.history.add(id, false);
},
insertHtml : function(id, html) {
if (html == '') return;
KE.util.select(id);
if (KE.browser == 'IE') {
if (KE.g[id].selection.type.toLowerCase() == 'control') {
KE.g[id].range.item(0).outerHTML = html;
} else {
KE.g[id].range.pasteHTML(html);
}
KE.history.add(id, false);
} else {
this.execCommand(id, 'inserthtml', html);
}
},
removeDomain : function(id, url) {
var domains = KE.g[id].siteDomains;
for (var i = 0, len = domains.length; i < len; i++) {
var domain = "http://" + domains[i];
if (url.indexOf(domain) == 0) return url.substr(domain.length);
}
return url;
},
outputHtml : function(id, element) {
var htmlTags = KE.g[id].htmlTags;
var htmlList = [];
var startTags = [];
var setStartTag = function(tagName, attrStr, styleStr, endFlag) {
var html = '';
html += '<' + tagName;
if (attrStr) html += attrStr;
if (styleStr) html += ' style="' + styleStr + '"';
html += endFlag ? ' />' : '>';
if (KE.browser == 'IE' && endFlag && KE.util.inArray(tagName, ['br', 'hr'])) html += "\n";
htmlList.push(html);
if (!endFlag) startTags.push(tagName);
};
var setEndTag = function() {
if (startTags.length > 0) {
var endTag = startTags.pop();
var html = '</' + endTag + '>';
if (KE.browser == 'IE' && KE.util.inArray(endTag, ['p', 'div', 'table', 'ol', 'ul'])) html += "\n";
htmlList.push(html);
}
};
var scanNodes = function(el) {
var nodes = el.childNodes;
for (var i = 0, len = nodes.length; i < len; i++) {
var node = nodes[i];
switch (node.nodeType) {
case 1:
var tagName = node.tagName.toLowerCase();
if (typeof htmlTags[tagName] != 'undefined') {
var attrStr = '';
var styleStr = '';
var attrList = htmlTags[tagName];
var endFlag = false;
for (var j = 0, l = attrList.length; j < l; j++) {
var attr = attrList[j];
if (attr == '/') endFlag = true;
else if (attr.charAt(0) == '.') {
var key = attr.substr(1);
var arr = key.split('-');
var jsKey = '';
for (var k = 0, length = arr.length; k < length; k++) {
jsKey += (k > 0) ? arr[k].charAt(0).toUpperCase() + arr[k].substr(1) : arr[k];
}
if (key == 'border') {
if (node.style.border) {
styleStr += 'border:' + node.style.border + ';';
} else if (node.style.borderWidth && node.style.borderStyle && node.style.borderColor) {
styleStr += 'border:' + node.style.borderWidth + ' ' + node.style.borderStyle + ' ' + node.style.borderColor + ';';
}
} else if (key == 'margin') {
if (node.style.margin) {
styleStr += 'margin:' + node.style.margin + ';';
} else {
if (node.style.marginLeft) styleStr += 'margin-left:' + node.style.marginLeft + ';';
if (node.style.marginRight) styleStr += 'margin-right:' + node.style.marginRight + ';';
if (node.style.marginTop) styleStr += 'margin-top:' + node.style.marginTop + ';';
if (node.style.marginBottom) styleStr += 'margin-bottom:' + node.style.marginBottom + ';';
}
} else if (key == 'padding') {
if (node.style.padding) {
styleStr += 'padding:' + node.style.padding + ';';
} else {
if (node.style.paddingLeft) styleStr += 'padding-left:' + node.style.paddingLeft + ';';
if (node.style.paddingRight) styleStr += 'padding-right:' + node.style.paddingRight + ';';
if (node.style.paddingTop) styleStr += 'padding-top:' + node.style.paddingTop + ';';
if (node.style.paddingBottom) styleStr += 'padding-bottom:' + node.style.paddingBottom + ';';
}
} else {
if (node.style[jsKey]) styleStr += key + ':' + node.style[jsKey] + ';';
}
} else {
var val = node.getAttribute(attr);
if (val != null && val !== '') {
if (typeof val == 'string' && val.match(/^javascript:/)) val = '';
if ((tagName == 'a' && attr == 'href') || (tagName == 'img' && attr == 'src') ||
(tagName == 'embed' && attr == 'src')) val = KE.util.removeDomain(id, val);
attrStr += ' ' + attr + '="' + val + '"';
}
}
}
setStartTag(tagName, attrStr, styleStr, endFlag);
}
if (node.hasChildNodes()) {
scanNodes(node);
} else {
if (startTags.length > 0) {
var prevHtml = htmlList[htmlList.length - 1];
if (prevHtml.match(/^<p|^<div/) != null) {
htmlList.push(" ");
setEndTag();
}
}
}
break;
case 3:
htmlList.push(KE.util.escape(node.nodeValue));
break;
default:
break;
}
}
setEndTag();
};
scanNodes(element);
return htmlList.join('');
}
};
KE.layout = {
show : function(id, div)
{
KE.layout.hide(id);
KE.g[id].hideDiv.appendChild(div);
KE.g[id].hideDiv.style.display = 'block';
KE.g[id].layoutDiv = div;
},
hide : function(id)
{
try {
KE.g[id].hideDiv.removeChild(KE.g[id].layoutDiv);
} catch (e) {}
KE.g[id].hideDiv.style.display = 'none';
KE.g[id].maskDiv.style.display = 'none';
KE.util.focus(id);
},
make : function(id)
{
var div = KE.$$('div');
div.style.position = 'absolute';
div.style.zIndex = 19811214;
return div;
}
};
KE.menu = function(arg){
this.arg = arg;
var div = KE.layout.make(arg.id);
div.className = 'ke-menu';
var obj = KE.g[arg.id].toolbarIcon[arg.cmd];
var pos = KE.util.getElementPos(obj);
div.style.top = pos.y + obj.offsetHeight + 'px';
div.style.left = pos.x + 'px';
this.div = div;
this.add = function(html, event)
{
var cDiv = KE.$$('div');
cDiv.className = 'ke-menu-noselected';
cDiv.style.width = this.arg.width;
cDiv.onmouseover = function() { this.className = 'ke-menu-selected'; }
cDiv.onmouseout = function() { this.className = 'ke-menu-noselected'; }
cDiv.onclick = event;
cDiv.innerHTML = html;
this.append(cDiv);
};
this.append = function(el)
{
this.div.appendChild(el);
};
this.insert = function(html)
{
this.div.innerHTML = html;
};
this.show = function()
{
KE.layout.show(this.arg.id, this.div);
};
this.picker = function()
{
var colorTable = KE.lang['colorTable'];
var table = KE.$$('table');
table.cellPadding = 0;
table.cellSpacing = 0;
table.border = 0;
table.style.margin = 0;
table.style.padding = 0;
table.style.borderCollapse = 'separate';
for (var i = 0; i < colorTable.length; i++) {
var row = table.insertRow(i);
for (var j = 0; j < colorTable[i].length; j++) {
var cell = row.insertCell(j);
cell.className = 'ke-picker-cell';
cell.style.backgroundColor = colorTable[i][j];
cell.title = colorTable[i][j];
cell.onmouseover = function() {this.style.borderColor = '#000000'; }
cell.onmouseout = function() {this.style.borderColor = '#F0F0EE'; }
cell.onclick = new Function('KE.plugin["' + this.arg.cmd + '"].exec("' +
this.arg.id + '", "' + colorTable[i][j] + '")');
cell.innerHTML = ' ';
}
}
this.append(table);
this.show();
};
};
KE.dialog = function(arg){
this.arg = arg;
this.topHeight = 20;
this.bottomHeight = 76;
this.getPos = function() {
var arg = this.arg;
var id = this.arg.id;
var pos = KE.util.getElementPos(KE.g[id].container);
var height = arg.height + this.topHeight + this.bottomHeight;
var xDiff = Math.round(parseInt(KE.g[id].container.style.width) / 2) - Math.round(arg.width / 2);
var yDiff = Math.round(parseInt(KE.g[id].container.style.height) / 2) - Math.round(height / 2);
var x = xDiff < 0 ? pos.x : pos.x + xDiff;
var y = yDiff < 0 ? pos.y : pos.y + yDiff;
return {'x' : x, 'y' : y};
};
this.show = function() {
var arg = this.arg;
var id = arg.id;
var div = KE.layout.make(arg.id);
div.className = 'ke-dialog';
var pos = this.getPos();
div.style.width = (arg.width + this.topHeight) + 'px';
div.style.height = (arg.height + this.bottomHeight) + 'px';
div.style.top = pos.y + 'px';
div.style.left = pos.x + 'px';
var titleDiv = KE.$$('div');
titleDiv.className = 'ke-dialog-title';
titleDiv.innerHTML = arg.title;
var img = KE.$$('img');
img.src = KE.g[id].skinsPath + 'spacer.gif';
var url = KE.g[id].skinsPath + KE.g[id].skinType + '.gif';
img.style.backgroundImage = "url(" + url + ")";
img.className = "ke-toolbar-close";
img.alt = KE.lang['close'];
img.title = KE.lang['close'];
img.onclick = new Function("KE.layout.hide('" + id + "')");
titleDiv.appendChild(img);
KE.util.drag(id, titleDiv, div, function(objTop, objLeft, objWidth, objHeight, top, left) {
div.style.top = (objTop + top) + 'px';
div.style.left = (objLeft + left) + 'px';
});
div.appendChild(titleDiv);
var bodyDiv = KE.$$('div');
bodyDiv.className = 'ke-dialog-body';
var dialog = KE.$$('iframe');
if (arg.useFrameCSS) {
dialog.className = 'ke-dialog-iframe';
}
dialog.width = arg.width + 'px';
dialog.height = arg.height + 'px';
dialog.setAttribute("frameBorder", "0");
bodyDiv.appendChild(dialog);
div.appendChild(bodyDiv);
var bottomDiv = KE.$$('div');
bottomDiv.className = 'ke-dialog-bottom';
var noButton = null;
var yesButton = null;
var previewButton = null;
if (arg.noButton) {
noButton = KE.$$('input');
noButton.className = 'ke-dialog-no';
noButton.type = 'button';
noButton.name = 'noButton';
noButton.value = arg.noButton;
noButton.onclick = new Function("KE.layout.hide('" + id + "')");
bottomDiv.appendChild(noButton);
}
if (arg.yesButton) {
yesButton = KE.$$('input');
yesButton.className = 'ke-dialog-yes';
yesButton.type = 'button';
yesButton.name = 'yesButton';
yesButton.value = arg.yesButton;
yesButton.onclick = new Function("KE.plugin['" + arg.cmd + "'].exec('" + id + "')");
bottomDiv.appendChild(yesButton);
}
if (arg.previewButton) {
previewButton = KE.$$('input');
previewButton.className = 'ke-dialog-preview';
previewButton.type = 'button';
previewButton.name = 'previewButton';
previewButton.value = arg.previewButton;
previewButton.onclick = new Function("KE.plugin['" + arg.cmd + "'].preview('" + id + "')");
bottomDiv.appendChild(previewButton);
}
div.appendChild(bottomDiv);
KE.layout.show(id, div);
window.focus();
if (yesButton) yesButton.focus();
else if (noButton) noButton.focus();
if (typeof arg.html != "undefined") {
var dialogDoc = KE.util.getIframeDoc(dialog);
var html = KE.util.getFullHtml(id);
dialogDoc.open();
dialogDoc.write(html);
dialogDoc.close();
dialogDoc.body.innerHTML = arg.html;
} else {
dialog.src = KE.g[id].pluginsPath + arg.cmd + '.html';
}
KE.g[id].maskDiv.style.width = KE.util.getDocumentWidth() + 'px';
KE.g[id].maskDiv.style.height = KE.util.getDocumentHeight() + 'px';
KE.g[id].maskDiv.style.display = 'block';
KE.g[id].dialog = dialog;
KE.g[id].noButton = noButton;
KE.g[id].yesButton = yesButton;
KE.g[id].previewButton = previewButton;
};
};
KE.toolbar = {
able : function(id, arr) {
KE.each(KE.g[id].toolbarIcon, function(cmd, obj) {
if (!KE.util.inArray(cmd, arr)) {
obj.className = 'ke-icon';
KE.util.setOpacity(obj, 100);
obj.onmouseover = function(){ this.className = "ke-icon-selected"; };
obj.onmouseout = function(){ this.className = "ke-icon"; };
obj.onclick = new Function('KE.util.click("' + id + '", "' + cmd + '")');
}
});
},
disable : function(id, arr) {
KE.each(KE.g[id].toolbarIcon, function(cmd, obj) {
if (!KE.util.inArray(cmd, arr)) {
obj.className = 'ke-icon-disabled';
KE.util.setOpacity(obj, 50);
obj.onmouseover = null;
obj.onmouseout = null;
obj.onclick = null;
}
});
},
create : function(id) {
KE.g[id].toolbarIcon = [];
var toolbar = KE.$$('table');
toolbar.oncontextmenu = function() { return false; };
toolbar.onmousedown = function() { return false; };
toolbar.onmousemove = function() { return false; };
toolbar.className = 'ke-toolbar';
toolbar.cellPadding = 0;
toolbar.cellSpacing = 0;
toolbar.border = 0;
var row = toolbar.insertRow(0);
var toolbarCell = row.insertCell(0);
toolbarCell.style.padding = 0;
toolbarCell.style.margin = 0;
toolbarCell.style.border = 0;
var length = KE.g[id].items.length;
var cellNum = 0;
var row;
for (var i = 0; i < length; i++) {
var cmd = KE.g[id].items[i];
if (i == 0 || cmd == '-') {
var table = KE.$$('table');
table.cellPadding = 0;
table.cellSpacing = 0;
table.border = 0;
table.className = 'ke-toolbar-table';
row = table.insertRow(0);
cellNum = 0;
toolbarCell.appendChild(table);
if (cmd == '-') continue;
}
var cell = row.insertCell(cellNum);
cellNum++;
var obj = KE.$$('img');
obj.src = KE.g[id].skinsPath + 'spacer.gif';
if (KE.util.inArray(cmd, KE.g[id].defaultItems)) {
var url = KE.g[id].skinsPath + KE.g[id].skinType + '.gif';
obj.style.backgroundImage = "url(" + url + ")";
}
obj.className = "ke-common-icon ke-icon-" + cmd;
obj.alt = KE.lang[cmd];
cell.className = 'ke-icon';
cell.title = KE.lang[cmd];
cell.onmouseover = function(){ this.className = "ke-icon-selected"; };
cell.onmouseout = function(){ this.className = "ke-icon"; };
cell.onclick = new Function('KE.util.click("' + id + '", "' + cmd + '")');
cell.appendChild(obj);
KE.g[id].toolbarIcon[cmd] = cell;
}
return toolbar;
}
};
KE.history = {
add : function(id, minChangeFlag) {
var obj = KE.g[id];
var html = KE.util.getData(id, false);
if (obj.undoStack.length > 0) {
var prevHtml = obj.undoStack[obj.undoStack.length - 1];
if (html == prevHtml) return;
if (minChangeFlag && Math.abs(html.length - prevHtml.length) < obj.minChangeSize) return;
}
obj.undoStack.push(html);
obj.redoStack = [];
},
undo : function(id) {
var obj = KE.g[id];
if (obj.undoStack.length == 0) return;
var html = KE.util.getData(id, false);
obj.redoStack.push(html);
var prevHtml = obj.undoStack.pop();
if (html == prevHtml && obj.undoStack.length > 0) {
prevHtml = obj.undoStack.pop();
}
obj.iframeDoc.body.innerHTML = prevHtml;
obj.newTextarea.value = prevHtml;
},
redo : function(id) {
var obj = KE.g[id];
if (obj.redoStack.length == 0) return;
var html = KE.util.getData(id, false);
obj.undoStack.push(html);
var nextHtml = obj.redoStack.pop();
obj.iframeDoc.body.innerHTML = nextHtml;
obj.newTextarea.value = nextHtml;
}
};
KE.remove = function(id, mode) {
mode = (typeof mode == "undefined") ? 0 : mode;
var container = KE.g[id].container;
if (mode == 1) {
document.body.removeChild(container);
} else {
var srcTextarea = KE.$(id);
srcTextarea.parentNode.removeChild(container);
}
document.body.removeChild(KE.g[id].hideDiv);
document.body.removeChild(KE.g[id].maskDiv);
KE.g[id].containner = null;
};
KE.create = function(id, mode) {
if (KE.browser == 'IE') try { document.execCommand('BackgroundImageCache', false, true); }catch(e){}
var srcTextarea = KE.$(id);
mode = (typeof mode == "undefined") ? 0 : mode;
if (mode == 0 && KE.g[id].container != null) return;
var width = srcTextarea.style.width;
var height = srcTextarea.style.height;
var container = KE.$$('div');
container.className = 'ke-container';
container.style.width = width;
container.style.height = height;
if (mode == 1) document.body.appendChild(container);
else srcTextarea.parentNode.insertBefore(container, srcTextarea);
var toolbarDiv = KE.toolbar.create(id);
container.appendChild(toolbarDiv);
var iframe = KE.$$('iframe');
iframe.className = 'ke-iframe';
iframe.setAttribute("frameBorder", "0");
var newTextarea = KE.$$('textarea');
newTextarea.className = 'ke-textarea';
newTextarea.style.display = 'none';
var formDiv = KE.$$('div');
formDiv.className = 'ke-form';
formDiv.appendChild(iframe);
formDiv.appendChild(newTextarea);
container.appendChild(formDiv);
var bottom = KE.$$('table');
bottom.className = 'ke-bottom';
bottom.cellPadding = 0;
bottom.cellSpacing = 0;
bottom.border = 0;
var row = bottom.insertRow(0);
var bottomLeft = row.insertCell(0);
bottomLeft.className = 'ke-bottom-left';
var bottomRight = row.insertCell(1);
bottomRight.className = 'ke-bottom-right';
var img = KE.$$('img');
img.className = 'ke-bottom-right-img';
img.src = KE.g[id].skinsPath + 'spacer.gif';
bottomRight.appendChild(img);
container.appendChild(bottom);
var hideDiv = KE.$$('div');
hideDiv.style.display = 'none';
var maskDiv = KE.$$('div');
maskDiv.className = 'ke-mask';
KE.util.setOpacity(maskDiv, 50);
document.body.appendChild(hideDiv);
document.body.appendChild(maskDiv);
srcTextarea.style.display = "none";
KE.util.setDefaultPlugin(id);
var iframeWin = iframe.contentWindow;
var iframeDoc = KE.util.getIframeDoc(iframe);
iframeDoc.designMode = "On";
var html = KE.util.getFullHtml(id);
iframeDoc.open();
iframeDoc.write(html);
iframeDoc.close();
if (!KE.g[id].wyswygMode) {
newTextarea.value = srcTextarea.value;
newTextarea.style.display = 'block';
iframe.style.display = 'none';
KE.toolbar.disable(id, ['source', 'preview', 'fullscreen']);
}
if (KE.g[id].autoOnsubmitMode) {
var form = srcTextarea.parentNode;
while (form != null && form.tagName != 'FORM') { form = form.parentNode; }
if (form != null && form.tagName == 'FORM') {
KE.event.add(form, 'submit', new Function('KE.util.setData("' + id + '")'));
}
}
KE.event.add(iframeDoc, 'click', new Function('KE.layout.hide("' + id + '")'));
KE.event.add(newTextarea, 'click', new Function('KE.layout.hide("' + id + '")'));
KE.event.add(iframeDoc, 'keyup', new Function('KE.history.add("' + id + '", true)'));
KE.event.add(newTextarea, 'keyup', new Function('KE.history.add("' + id + '", true)'));
KE.g[id].container = container;
KE.g[id].toolbarDiv = toolbarDiv;
KE.g[id].formDiv = formDiv;
KE.g[id].iframe = iframe;
KE.g[id].newTextarea = newTextarea;
KE.g[id].srcTextarea = srcTextarea;
KE.g[id].bottom = bottom;
KE.g[id].hideDiv = hideDiv;
KE.g[id].maskDiv = maskDiv;
KE.g[id].iframeWin = iframeWin;
KE.g[id].iframeDoc = iframeDoc;
width = container.offsetWidth;
height = container.offsetHeight;
KE.g[id].width = width + 'px';
KE.g[id].height = height + 'px';
KE.util.resize(id, width, height);
KE.util.drag(id, bottomRight, container, function(objTop, objLeft, objWidth, objHeight, top, left) {
if (KE.g[id].resizeMode == 2) KE.util.resize(id, objWidth + left, objHeight + top);
else if (KE.g[id].resizeMode == 1) KE.util.resize(id, objWidth, objHeight + top);
});
KE.util.drag(id, bottomLeft, container, function(objTop, objLeft, objWidth, objHeight, top, left) {
KE.util.resize(id, objWidth, objHeight + top);
});
if (!KE.g[id].resizeMode) KE.util.hideBottom(id);
setTimeout(
function(){
if (srcTextarea.value) iframeDoc.body.innerHTML = srcTextarea.value;
KE.history.add(id, false);
}, 1);
};
KE.version = '3.1.1';
KE.scriptPath = KE.util.getScriptPath();
KE.htmlPath = KE.util.getHtmlPath();
KE.browser = KE.util.getBrowser();
KE.plugin = {};
KE.g = {};
KE.init = function(config) {
config.wyswygMode = (typeof config.wyswygMode == "undefined") ? true : config.wyswygMode;
config.autoOnsubmitMode = (typeof config.autoOnsubmitMode == "undefined") ? true : config.autoOnsubmitMode;
config.resizeMode = (typeof config.resizeMode == "undefined") ? 2 : config.resizeMode;
config.filterMode = (typeof config.filterMode == "undefined") ? true : config.filterMode;
config.skinType = config.skinType || 'default';
config.cssPath = config.cssPath || '';
config.skinsPath = config.skinsPath || KE.scriptPath + 'skins/';
config.pluginsPath = config.pluginsPath || KE.scriptPath + 'plugins/';
config.minWidth = config.minWidth || 200;
config.minHeight = config.minHeight || 100;
config.minChangeSize = config.minChangeSize || 5;
config.siteDomains = config.siteDomains || [];
var defaultItems = [
'source', 'preview', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'date', 'time', '-',
'title', 'fontname', 'fontsize', 'textcolor', 'bgcolor', 'bold',
'italic', 'underline', 'strikethrough', 'removeformat', 'selectall', 'image',
'flash', 'media', 'layer', 'table', 'specialchar', 'hr',
'emoticons', 'link', 'unlink', 'about'
];
config.defaultItems = defaultItems;
config.items = config.items || defaultItems;
var defaultHtmlTags = {
'font' : ['color', 'size', 'face', '.background-color'],
'span' : ['.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'div' : ['class', 'align', '.border', '.margin', '.padding', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'a' : ['href', 'target'],
'embed' : ['src', 'type', 'loop', 'autostart', 'quality', '.width', '.height', '/'],
'img' : ['src', 'width', 'height', 'border', 'alt', 'title', '.width', '.height', '/'],
'hr' : ['/'],
'br' : ['/'],
'p' : ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'table' : ['border', 'cellspacing', 'cellpadding', 'width', 'height', '.padding', '.margin', '.border'],
'tbody': [],
'tr': [],
'td': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'strong': [],
'b': [],
'ol': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'ul': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'li': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'sub': [],
'sup': [],
'blockquote': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'h1': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'h2': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'h3': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'h4': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'h5': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'h6': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'],
'em': [],
'u': [],
'strike': []
};
config.htmlTags = config.htmlTags || defaultHtmlTags;
KE.g[config.id] = config;
KE.g[config.id].undoStack = [];
KE.g[config.id].redoStack = [];
KE.util.loadStyle(config.skinsPath + config.skinType + '.css');
}
KE.show = function(config) {
KE.init(config);
KE.event.add(window, 'load', new Function('KE.create("' + config.id + '")'));
};
KE.plugin['about'] = {
click : function(id) {
var dialog = new KE.dialog({
id : id,
cmd : 'about',
width : 300,
height : 80,
title : KE.lang['about'],
noButton : KE.lang['close']
});
dialog.show();
}
};
KE.plugin['undo'] = {
click : function(id) {
KE.history.undo(id);
}
};
KE.plugin['redo'] = {
click : function(id) {
KE.history.redo(id);
}
};
KE.plugin['plainpaste'] = {
click : function(id) {
KE.util.selection(id);
var dialog = new KE.dialog({
id : id,
cmd : 'plainpaste',
width : 330,
height : 300,
title : KE.lang['plainpaste'],
yesButton : KE.lang['yes'],
noButton : KE.lang['no']
});
dialog.show();
},
exec : function(id) {
KE.util.select(id);
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var html = KE.$('textArea', dialogDoc).value;
html = KE.util.escape(html);
var re = new RegExp("\r\n|\n|\r", "g");
html = html.replace(re, "<br />$&");
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['wordpaste'] = {
click : function(id) {
KE.util.selection(id);
var dialog = new KE.dialog({
id : id,
cmd : 'wordpaste',
width : 330,
height : 300,
title : KE.lang['wordpaste'],
yesButton : KE.lang['yes'],
noButton : KE.lang['no']
});
dialog.show();
},
exec : function(id) {
KE.util.select(id);
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var wordIframe = KE.$('wordIframe', dialogDoc);
var wordDoc = KE.util.getIframeDoc(wordIframe);
KE.util.insertHtml(id, KE.util.outputHtml(id, wordDoc.body));
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['fullscreen'] = {
resetFull : function(id) {
var el = KE.util.getDocumentElement();
var width = el.clientWidth;
var height = el.clientHeight;
var left,top;
if (KE.browser == 'IE' || KE.browser == 'OPERA') {
left = document.body.parentNode.scrollLeft;
top = document.body.parentNode.scrollTop;
} else {
left = window.scrollX;
top = window.scrollY;
}
var div = KE.g[id].container;
div.style.left = left + 'px';
div.style.top = top + 'px';
div.style.zIndex = 19811211;
KE.util.resize(id, width, height);
},
click : function(id) {
var obj = KE.g[id];
var resizeListener = function(event) {
if (obj.fullscreenMode) {
KE.plugin["fullscreen"].resetFull(id);
}
}
if (obj.fullscreenMode) {
obj.fullscreenMode = false;
KE.util.setData(id);
KE.remove(id, 1);
KE.create(id, 2);
KE.util.showBottom(id);
document.body.parentNode.style.overflow = 'auto';
KE.util.resize(id, parseInt(this.width), parseInt(this.height));
if (!KE.g[id].resizeMode) KE.util.hideBottom(id);
KE.event.remove(window, 'resize', resizeListener);
} else {
obj.fullscreenMode = true;
KE.util.setData(id);
this.width = obj.container.style.width;
this.height = obj.container.style.height;
KE.remove(id, 2);
KE.create(id, 1);
KE.util.hideBottom(id);
document.body.parentNode.style.overflow = 'hidden';
var div = KE.g[id].container;
div.style.position = 'absolute';
this.resetFull(id);
KE.event.add(window, 'resize', resizeListener);
}
}
};
KE.plugin['bgcolor'] = {
click : function(id) {
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : 'bgcolor'
});
menu.picker();
},
exec : function(id, value) {
KE.util.select(id);
if (KE.browser == 'IE') {
KE.util.execCommand(id, 'backcolor', value);
} else {
KE.util.execCommand(id, 'hiliteColor', value);
}
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['date'] = {
click : function(id) {
var date = new Date();
var year = date.getFullYear().toString(10);
var month = (date.getMonth() + 1).toString(10);
month = month.length < 2 ? '0' + month : month;
var day = date.getDate().toString(10);
day = day.length < 2 ? '0' + day : day;
var value = year + '-' + month + '-' + day;
KE.util.selection(id);
KE.util.insertHtml(id, value);
}
};
KE.plugin['fontname'] = {
click : function(id) {
var cmd = 'fontname';
KE.util.selection(id);
var fontName = KE.lang['fontTable'];
var menu = new KE.menu({
id : id,
cmd : cmd,
width : '160px'
});
KE.each(fontName, function(key, value) {
var html = '<span style="font-family: ' + key + ';">' + value + '</span>';
menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "' + key + '")'));
});
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
KE.util.execCommand(id, 'fontname', value);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['fontsize'] = {
click : function(id) {
var fontSize = {
'1' : '8pt',
'2' : '10pt',
'3' : '12pt',
'4' : '14pt',
'5' : '18pt',
'6' : '24pt'
};
var cmd = 'fontsize';
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : cmd,
width : '100px'
});
KE.each(fontSize, function(key, value) {
var html = '<span style="font-size: ' + value + ';">' + value + '</span>';
menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "' + key + '")'));
});
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
KE.util.execCommand(id, 'fontsize', value.substr(0, 1));
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['hr'] = {
click : function(id) {
KE.util.selection(id);
KE.util.select(id);
KE.util.insertHtml(id, '<hr />');
KE.util.focus(id);
}
};
KE.plugin['preview'] = {
click : function(id) {
var dialog = new KE.dialog({
id : id,
cmd : 'preview',
html : KE.util.getData(id),
width : 600,
height : 400,
useFrameCSS : true,
title : KE.lang['preview'],
noButton : KE.lang['close']
});
dialog.show();
}
};
KE.plugin['print'] = {
click : function(id) {
KE.util.selection(id);
KE.g[id].iframeWin.print();
}
};
KE.plugin['source'] = {
click : function(id) {
var obj = KE.g[id];
if (obj.wyswygMode) {
KE.layout.hide(id);
if (KE.g[id].filterMode) {
obj.newTextarea.value = KE.util.outputHtml(id, obj.iframeDoc.body);
} else {
obj.newTextarea.value = obj.iframeDoc.body.innerHTML;
}
obj.iframe.style.display = 'none';
obj.newTextarea.style.display = 'block';
KE.toolbar.disable(id, ['source', 'preview', 'fullscreen']);
obj.wyswygMode = false;
} else {
obj.iframeDoc.body.innerHTML = obj.newTextarea.value;
obj.iframe.style.display = 'block';
obj.newTextarea.style.display = 'none';
KE.toolbar.able(id, ['source', 'preview', 'fullscreen']);
obj.wyswygMode = true;
}
KE.util.focus(id);
}
};
KE.plugin['textcolor'] = {
click : function(id) {
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : 'textcolor'
});
menu.picker();
},
exec : function(id, value) {
KE.util.select(id);
KE.util.execCommand(id, 'forecolor', value);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['time'] = {
click : function(id) {
var date = new Date();
var hour = date.getHours().toString(10);
hour = hour.length < 2 ? '0' + hour : hour;
var minute = date.getMinutes().toString(10);
minute = minute.length < 2 ? '0' + minute : minute;
var second = date.getSeconds().toString(10);
second = second.length < 2 ? '0' + second : second;
var value = hour + ':' + minute + ':' + second;
KE.util.selection(id);
KE.util.insertHtml(id, value);
}
};
KE.plugin['title'] = {
click : function(id) {
var title = KE.lang['titleTable'];
var cmd = 'title';
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : cmd,
width : '120px'
});
KE.each(title, function(key, value) {
var html = '<' + key + ' style="margin:0px;">' + value + '</' + key + '>';
menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "<' + key + '>")'));
});
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
KE.util.execCommand(id, 'formatblock', value);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['emoticons'] = {
icon : 'emoticons.gif',
click : function(id) {
var emoticonTable = [
['etc_01.gif','etc_02.gif','etc_03.gif','etc_04.gif','etc_05.gif','etc_06.gif'],
['etc_07.gif','etc_08.gif','etc_09.gif','etc_10.gif','etc_11.gif','etc_12.gif'],
['etc_13.gif','etc_14.gif','etc_15.gif','etc_16.gif','etc_17.gif','etc_18.gif'],
['etc_19.gif','etc_20.gif','etc_21.gif','etc_22.gif','etc_23.gif','etc_24.gif'],
['etc_25.gif','etc_26.gif','etc_27.gif','etc_28.gif','etc_29.gif','etc_30.gif'],
['etc_31.gif','etc_32.gif','etc_33.gif','etc_34.gif','etc_35.gif','etc_36.gif']
];
var cmd = 'emoticons';
KE.util.selection(id);
var table = KE.$$('table');
table.cellPadding = 0;
table.cellSpacing = 2;
table.border = 0;
table.style.margin = 0;
table.style.padding = 0;
table.style.borderCollapse = 'separate';
for (var i = 0; i < emoticonTable.length; i++) {
var row = table.insertRow(i);
for (var j = 0; j < emoticonTable[i].length; j++) {
var cell = row.insertCell(j);
cell.style.margin = 0;
cell.style.padding = '1px';
cell.style.border = '1px solid #F0F0EE';
cell.style.cursor = 'pointer';
cell.onmouseover = function() {this.style.borderColor = '#000000'; }
cell.onmouseout = function() {this.style.borderColor = '#F0F0EE'; }
cell.onclick = new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "' + emoticonTable[i][j] + '")');
var img = KE.$$('img');
img.src = KE.g[id].pluginsPath + 'emoticons/' + emoticonTable[i][j];
cell.appendChild(img);
}
}
var menu = new KE.menu({
id : id,
cmd : cmd
});
menu.append(table);
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
var html = '<img src="' + KE.g[id].pluginsPath + 'emoticons/' + value + '" border="0">';
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['flash'] = {
click : function(id) {
KE.util.selection(id);
var dialog = new KE.dialog({
id : id,
cmd : 'flash',
width : 280,
height : 250,
title : "Flash",
previewButton : KE.lang['preview'],
yesButton : KE.lang['yes'],
noButton : KE.lang['no']
});
dialog.show();
},
check : function(id, url) {
if (url.match(/^\w+:\/\/.{3,}(swf)$/i) == null) {
alert(KE.lang['invalidSwf']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
return true;
},
preview : function(id) {
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('url', dialogDoc).value;
if (!this.check(id, url)) return false;
var embed = KE.$$('embed', dialogDoc);
embed.src = url;
embed.type = "application/x-shockwave-flash";
embed.quality = "high";
embed.width = 190;
embed.height = 190;
KE.$('previewDiv', dialogDoc).innerHTML = "";
KE.$('previewDiv', dialogDoc).appendChild(embed);
},
exec : function(id) {
KE.util.select(id);
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('url', dialogDoc).value;
if (!this.check(id, url)) return false;
var html = '<embed src="' + url + '" type="application/x-shockwave-flash" quality="high" />';
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['image'] = {
click : function(id) {
KE.util.selection(id);
var dialog = new KE.dialog({
id : id,
cmd : 'image',
width : 310,
height : 300,
title : KE.lang['image'],
previewButton : KE.lang['preview'],
yesButton : KE.lang['yes'],
noButton : KE.lang['no']
});
dialog.show();
},
check : function(id) {
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('url', dialogDoc).value;
var width = KE.$('imgWidth', dialogDoc).value;
var height = KE.$('imgHeight', dialogDoc).value;
var border = KE.$('imgBorder', dialogDoc).value;
if (url.match(/\.(jpg|jpeg|gif|bmp|png)$/i) == null) {
alert(KE.lang['invalidImg']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
if (width.match(/^\d+$/) == null) {
alert(KE.lang['invalidWidth']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
if (height.match(/^\d+$/) == null) {
alert(KE.lang['invalidHeight']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
if (border.match(/^\d+$/) == null) {
alert(KE.lang['invalidBorder']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
return true;
},
preview : function(id) {
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('url', dialogDoc).value;
if (!this.check(id, url)) return false;
var img = KE.$$('img', dialogDoc);
img.src = url;
var width = parseInt(img.width);
var height = parseInt(img.height);
KE.$('imgWidth', dialogDoc).value = width;
KE.$('imgHeight', dialogDoc).value = height;
var rate = width/height;
if (width > 270 && height <= 130) {
width = 270;
height = parseInt(width/rate);
} else if (width <= 270 && height > 130) {
height = 130;
width = parseInt(height*rate);
} else if (width > 270 && height > 130) {
if (rate > 270/130) {
width = 270;
height = parseInt(width/rate);
} else {
height = 130;
width = parseInt(height*rate);
}
}
img.width = width;
img.height = height;
KE.$('previewDiv', dialogDoc).innerHTML = "";
KE.$('previewDiv', dialogDoc).appendChild(img);
KE.$('previewDiv', dialogDoc).align = "center";
},
exec : function(id) {
KE.util.select(id);
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
if (!this.check(id)) return false;
var url = KE.$('url', dialogDoc).value;
var title = KE.$('imgTitle', dialogDoc).value;
var width = KE.$('imgWidth', dialogDoc).value;
var height = KE.$('imgHeight', dialogDoc).value;
var border = KE.$('imgBorder', dialogDoc).value;
this.insert(id, url, title, width, height, border);
},
insert : function(id, url, title, width, height, border) {
var html = '<img src="' + url + '" ';
if (width > 0) html += 'width="' + width + '" ';
if (height > 0) html += 'height="' + height + '" ';
if (title) html += 'title="' + title + '" ';
html += 'alt="' + title + '" ';
html += 'border="' + border + '" />';
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['layer'] = {
click : function(id) {
var cmd = 'layer';
var styles = [
'margin:5px;border:1px solid #000000;',
'margin:5px;border:2px solid #000000;',
'margin:5px;border:1px dashed #000000;',
'margin:5px;border:2px dashed #000000;',
'margin:5px;border:1px dotted #000000;',
'margin:5px;border:2px dotted #000000;'
];
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : cmd,
width : '150px'
});
for (var i = 0; i < styles.length; i++) {
var html = '<div style="height:15px;' + styles[i] + '"></div>';
menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "padding:5px;' + styles[i] + '")'));
}
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
var html = '<div style="' + value + '">' + KE.lang['pleaseInput'] + '</div>';
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['link'] = {
click : function(id) {
KE.util.selection(id);
var dialog = new KE.dialog({
id : id,
cmd : 'link',
width : 310,
height : 70,
title : KE.lang['link'],
yesButton : KE.lang['yes'],
noButton : KE.lang['no']
});
dialog.show();
},
exec : function(id) {
KE.util.select(id);
var iframeDoc = KE.g[id].iframeDoc;
var range = KE.g[id].range;
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('hyperLink', dialogDoc).value;
var target = KE.$('linkType', dialogDoc).value;
if (url.match(/\w+:\/\/.{3,}/) == null) {
alert(KE.lang['invalidUrl']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
var node;
if (KE.browser == 'IE') {
node = range.item ? range.item(0).parentNode : range.parentElement();
} else {
node = (range.startContainer == range.endContainer) ? range.startContainer.parentNode : iframeDoc.body;
}
if (node && node.tagName == 'A') node = node.parentNode;
if (!node) node = iframeDoc.body;
iframeDoc.execCommand("createlink", false, "__ke_temp_url__");
var arr = node.getElementsByTagName('a');
for (var i = 0, l = arr.length; i < l; i++) {
if (arr[i].href.match(/\/?__ke_temp_url__$/) != null) {
arr[i].href = url;
if (target) arr[i].target = target;
}
}
KE.history.add(id);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['media'] = {
click : function(id) {
KE.util.selection(id);
var dialog = new KE.dialog({
id : id,
cmd : 'media',
width : 280,
height : 250,
title : KE.lang['media'],
previewButton : KE.lang['preview'],
yesButton : KE.lang['yes'],
noButton : KE.lang['no']
});
dialog.show();
},
check : function(id, url) {
if (url.match(/^\w+:\/\/.{3,}\.(mp3|wav|wma|wmv|mid|avi|mpg|mpeg|asf|rm|rmvb)$/i) == null) {
alert(KE.lang['invalidMedia']);
window.focus();
KE.g[id].yesButton.focus();
return false;
}
return true;
},
preview : function(id) {
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('url', dialogDoc).value;
if (!this.check(id, url)) return false;
var embed = KE.$$('embed', dialogDoc);
embed.src = url;
if (url.match(/\.(rm|rmvb)$/i) == null) {
embed.type = "video/x-ms-asf-plugin";
} else {
embed.type = "audio/x-pn-realaudio-plugin";
}
embed.loop = "true";
embed.autostart = "true";
embed.width = 260;
embed.height = 190;
KE.$('previewDiv', dialogDoc).innerHTML = "";
KE.$('previewDiv', dialogDoc).appendChild(embed);
},
exec : function(id) {
KE.util.select(id);
var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog);
var url = KE.$('url', dialogDoc).value;
if (!this.check(id, url)) return false;
var html;
if (url.match(/\.(rm|rmvb)$/i) == null) {
html = '<embed src="' + url + '" type="video/x-ms-asf-plugin" loop="true" autostart="true" />';
} else {
html = '<embed src="' + url + '" type="audio/x-pn-realaudio-plugin" loop="true" autostart="true" />';
}
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};
KE.plugin['specialchar'] = {
click : function(id) {
var charTable = KE.lang['charTable'];
var cmd = 'specialchar';
KE.util.selection(id);
var table = KE.$$('table');
table.cellPadding = 0;
table.cellSpacing = 2;
table.border = 0;
table.style.margin = 0;
table.style.padding = 0;
table.style.borderCollapse = 'separate';
for (var i = 0; i < charTable.length; i++) {
var row = table.insertRow(i);
for (var j = 0; j < charTable[i].length; j++) {
var cell = row.insertCell(j);
cell.style.padding = '1px';
cell.style.margin = 0;
cell.style.border = '1px solid #AAAAAA';
cell.style.fontSize = '12px';
cell.style.cursor = 'pointer';
cell.onmouseover = function() {this.style.borderColor = '#000000'; }
cell.onmouseout = function() {this.style.borderColor = '#AAAAAA'; }
cell.onclick = new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "' + charTable[i][j] + '")');
cell.innerHTML = charTable[i][j];
}
}
var menu = new KE.menu({
id : id,
cmd : cmd
});
menu.append(table);
menu.show();
},
