📄 kindeditor.js
字号:
'onclick="javascript:KindExecute(\'KIND_ICON_END\', \'' + iconUrl + '\');">' +
'<img src="' + iconUrl + '" style="border:1px solid #EEEEEE;" onmouseover="javascript:this.style.borderColor=\'#AAAAAA\';" ' +
'onmouseout="javascript:this.style.borderColor=\'#EEEEEE\';">' + '</td>';
if (i >= 5 && i%(i-1) == 0) {
str += '</tr>';
}
}
str += '</table>';
return str;
break;
case 'KIND_SPECIALCHAR':
var str = '';
str += '<table id="POPUP_'+cmd+'" cellpadding="0" cellspacing="2" style="'+KindGetMenuCommonStyle()+'">';
for (i = 0; i < SPECIAL_CHARACTER.length; i++) {
if (i == 0 || (i >= 10 && i%10 == 0)) {
str += '<tr>';
}
str += '<td style="padding:2px;border:1px solid #AAAAAA;cursor:pointer;" ' +
'onclick="javascript:KindExecute(\'KIND_SPECIALCHAR_END\', \'' + SPECIAL_CHARACTER[i] + '\');" ' +
'onmouseover="javascript:this.style.borderColor=\'#000000\';" ' +
'onmouseout="javascript:this.style.borderColor=\'#AAAAAA\';">' + SPECIAL_CHARACTER[i] + '</td>';
if (i >= 9 && i%(i-1) == 0) {
str += '</tr>';
}
}
str += '</table>';
return str;
break;
case 'KIND_TABLE':
var str = '';
var num = 10;
str += '<table id="POPUP_'+cmd+'" cellpadding="0" cellspacing="0" style="'+KindGetMenuCommonStyle()+'">';
for (i = 1; i <= num; i++) {
str += '<tr>';
for (j = 1; j <= num; j++) {
var value = i.toString(10) + ',' + j.toString(10);
str += '<td id="kindTableTd' + i.toString(10) + '_' + j.toString(10) +
'" style="width:15px;height:15px;background-color:#FFFFFF;border:1px solid #DDDDDD;cursor:pointer;" ' +
'onclick="javascript:KindExecute(\'KIND_TABLE_END\', \'' + value + '\');" ' +
'onmouseover="javascript:KindDrawTableSelected(\''+i.toString(10)+'\', \''+j.toString(10)+'\');" ' +
'onmouseout="javascript:;"> </td>';
}
str += '</tr>';
}
str += '<tr><td colspan="10" id="tableLocation" style="text-align:center;height:20px;"></td></tr>';
str += '</table>';
return str;
break;
case 'KIND_IMAGE':
var str = '';
str += '<div id="POPUP_'+cmd+'" style="width:250px;'+KindGetMenuCommonStyle()+'">';
str += '<iframe name="KindImageIframe" id="KindImageIframe" frameborder="0" style="width:250px;height:390px;padding:0;margin:0;border:0;">';
str += '</iframe></div>';
return str;
break;
case 'KIND_FLASH':
var str = '';
str += '<div id="POPUP_'+cmd+'" style="width:250px;'+KindGetMenuCommonStyle()+'">';
str += '<iframe name="KindFlashIframe" id="KindFlashIframe" frameborder="0" style="width:250px;height:300px;padding:0;margin:0;border:0;">';
str += '</iframe></div>';
return str;
break;
case 'KIND_MEDIA':
var str = '';
str += '<div id="POPUP_'+cmd+'" style="width:250px;'+KindGetMenuCommonStyle()+'">';
str += '<iframe name="KindMediaIframe" id="KindMediaIframe" frameborder="0" style="width:250px;height:300px;padding:0;margin:0;border:0;">';
str += '</iframe></div>';
return str;
break;
case 'KIND_REAL':
var str = '';
str += '<div id="POPUP_'+cmd+'" style="width:250px;'+KindGetMenuCommonStyle()+'">';
str += '<iframe name="KindRealIframe" id="KindRealIframe" frameborder="0" style="width:250px;height:300px;padding:0;margin:0;border:0;">';
str += '</iframe></div>';
return str;
break;
case 'KIND_LINK':
var str = '';
str += '<div id="POPUP_'+cmd+'" style="width:250px;'+KindGetMenuCommonStyle()+'">';
str += '<iframe name="KindLinkIframe" id="KindLinkIframe" frameborder="0" style="width:250px;height:85px;padding:0;margin:0;border:0;">';
str += '</iframe></div>';
return str;
break;
case 'KIND_ABOUT':
var str = '';
str += '<div id="POPUP_'+cmd+'" style="width:200px;'+KindGetMenuCommonStyle()+';padding:5px;">';
str += '<span style="margin-right:10px;">KindEditor 2.4</span>' +
'<a href="http://www.kindsoft.net/" target="_blank" style="color:#4169e1;" onclick="javascript:KindDisableMenu();">'+STR_ABOUT+'</a><br />';
str += '</div>';
return str;
break;
default:
break;
}
}
function KindDrawIframe(cmd)
{
if (BROWSER == 'IE') {
IMAGE_DOCUMENT = document.frames("KindImageIframe").document;
FLASH_DOCUMENT = document.frames("KindFlashIframe").document;
MEDIA_DOCUMENT = document.frames("KindMediaIframe").document;
REAL_DOCUMENT = document.frames("KindRealIframe").document;
LINK_DOCUMENT = document.frames("KindLinkIframe").document;
} else {
IMAGE_DOCUMENT = document.getElementById('KindImageIframe').contentDocument;
FLASH_DOCUMENT = document.getElementById('KindFlashIframe').contentDocument;
MEDIA_DOCUMENT = document.getElementById('KindMediaIframe').contentDocument;
REAL_DOCUMENT = document.getElementById('KindRealIframe').contentDocument;
LINK_DOCUMENT = document.getElementById('KindLinkIframe').contentDocument;
}
switch (cmd)
{
case 'KIND_IMAGE':
var str = '';
str += '<div align="center">' +
'<form name="uploadForm" style="margin:0;padding:0;" method="post" enctype="multipart/form-data" ' +
'action="' + IMAGE_UPLOAD_CGI + '" onsubmit="javascript:if(parent.KindDrawImageEnd()==false){return false;};">' +
'<input type="hidden" name="fileName" id="fileName" value="" />' +
'<table cellpadding="0" cellspacing="0" style="width:100%;font-size:12px;">' +
'<tr><td colspan="2"><table border="0" style="margin-bottom:3px;"><tr><td id="imgPreview" style="width:240px;height:240px;border:1px solid #AAAAAA;background-color:#FFFFFF;" align="center" valign="middle"> </td></tr></table></td></tr>' +
'<tr><td style="width:50px;padding-left:5px;">';
if (UPLOAD_MODE == true) {
str += '<select id="imageType" onchange="javascript:parent.KindImageType(this.value);document.getElementById(\''+cmd+'submitButton\').focus();"><option value="1" selected="selected">'+STR_IMAGE_LOCAL+'</option><option value="2">'+STR_IMAGE_REMOTE+'</option></select>';
} else {
str += STR_IMAGE_REMOTE;
}
str += '</td><td style="width:200px;padding-bottom:3px;">';
if (UPLOAD_MODE == true) {
str += '<input type="text" id="imgLink" value="http://" maxlength="255" style="width:95%;border:1px solid #555555;display:none;" />' +
'<input type="file" name="fileData" id="imgFile" size="14" style="border:1px solid #555555;" onclick="javascript:document.getElementById(\'imgLink\').value=\'http://\';" />';
} else {
str += '<input type="text" id="imgLink" value="http://" maxlength="255" style="width:95%;border:1px solid #555555;" />' +
'<input type="hidden" name="imageType" id="imageType" value="2"><input type="hidden" name="fileData" id="imgFile" value="" />';
}
str += '</td></tr><tr><td colspan="2" style="padding-bottom:3px;">' +
'<table border="0" style="width:100%;font-size:12px;"><tr>' +
'<td width="18%" style="padding:2px 2px 2px 5px;">'+STR_TITLE+'</td><td width="82%"><input type="text" name="imgTitle" id="imgTitle" value="" maxlength="100" style="width:95%;border:1px solid #555555;" /></td></tr></table>' +
'<table border="0" style="width:100%;font-size:12px;"><tr>' +
'<td width="10%" style="padding:2px 2px 2px 5px;">'+STR_WIDTH+'</td><td width="23%"><input type="text" name="imgWidth" id="imgWidth" value="0" maxlength="4" style="width:40px;border:1px solid #555555;" /></td>' +
'<td width="10%" style="padding:2px;">'+STR_HEIGHT+'</td><td width="23%"><input type="text" name="imgHeight" id="imgHeight" value="0" maxlength="4" style="width:40px;border:1px solid #555555;" /></td>' +
'<td width="10%" style="padding:2px;">'+STR_BORDER+'</td><td width="23%"><input type="text" name="imgBorder" id="imgBorder" value="0" maxlength="1" style="width:20px;border:1px solid #555555;" /></td></tr></table>' +
'<table border="0" style="width:100%;font-size:12px;"><tr>' +
'<td width="39%" style="padding:2px 2px 2px 5px;"><select id="imgAlign" name="imgAlign"><option value="">'+STR_ALIGN+'</option>';
for (var i = 0; i < IMAGE_ALIGN_TABLE.length; i++) {
str += '<option value="' + IMAGE_ALIGN_TABLE[i] + '">' + IMAGE_ALIGN_TABLE[i] + '</option>';
}
str += '</select></td>' +
'<td width="15%" style="padding:2px;">'+STR_HSPACE+'</td><td width="15%"><input type="text" name="imgHspace" id="imgHspace" value="0" maxlength="1" style="width:20px;border:1px solid #555555;" /></td>' +
'<td width="15%" style="padding:2px;">'+STR_VSPACE+'</td><td width="15%"><input type="text" name="imgVspace" id="imgVspace" value="0" maxlength="1" style="width:20px;border:1px solid #555555;" /></td></tr></table>' +
'</td></tr><tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
'<input type="button" name="button" value="'+STR_BUTTON_PREVIEW+'" onclick="javascript:parent.KindImagePreview();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /> ' +
'<input type="submit" name="button" id="'+cmd+'submitButton" value="'+STR_BUTTON_CONFIRM+'" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:parent.KindDisableMenu();parent.KindReloadIframe();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /></td></tr>' +
'</table></form></div>';
KindWriteFullHtml(IMAGE_DOCUMENT, str);
IMAGE_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
IMAGE_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
IMAGE_DOCUMENT.body.style.margin = 0;
IMAGE_DOCUMENT.body.scroll = 'no';
break;
case 'KIND_FLASH':
var str = '';
str += '<table cellpadding="0" cellspacing="0" style="width:100%;">' +
'<tr><td colspan="2"><table border="0"><tr><td id="flashPreview" style="width:240px;height:240px;border:1px solid #AAAAAA;background-color:#FFFFFF;" align="center" valign="middle"> </td></tr></table></td></tr>' +
'<tr><td style="width:40px;padding:5px;">'+STR_IMAGE_REMOTE+'</td>' +
'<td style="width:210px;padding-bottom:5px;"><input type="text" id="flashLink" value="http://" style="width:190px;border:1px solid #555555;" /></td></tr>' +
'<tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
'<input type="button" name="button" value="'+STR_BUTTON_PREVIEW+'" onclick="javascript:parent.KindFlashPreview();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /> ' +
'<input type="submit" name="button" id="'+cmd+'submitButton" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:parent.KindDrawFlashEnd();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:parent.KindDisableMenu();parent.KindReloadIframe();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /></td></tr>' +
'</table>';
KindWriteFullHtml(FLASH_DOCUMENT, str);
FLASH_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
FLASH_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
FLASH_DOCUMENT.body.style.margin = 0;
FLASH_DOCUMENT.body.scroll = 'no';
break;
case 'KIND_MEDIA':
var str = '';
str += KindDrawMedia(cmd);
KindWriteFullHtml(MEDIA_DOCUMENT, str);
MEDIA_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
MEDIA_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
MEDIA_DOCUMENT.body.style.margin = 0;
MEDIA_DOCUMENT.body.scroll = 'no';
break;
case 'KIND_REAL':
var str = '';
str += KindDrawMedia(cmd);
KindWriteFullHtml(REAL_DOCUMENT, str);
REAL_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
REAL_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
REAL_DOCUMENT.body.style.margin = 0;
REAL_DOCUMENT.body.scroll = 'no';
break;
case 'KIND_LINK':
var str = '';
str += '<table cellpadding="0" cellspacing="0" style="width:100%">' +
'<tr><td style="width:50px;padding:5px;">URL</td>' +
'<td style="width:200px;padding-top:5px;padding-bottom:5px;"><input type="text" id="hyperLink" value="http://" style="width:190px;border:1px solid #555555;background-color:#FFFFFF;"></td>' +
'<tr><td style="padding:5px;">'+STR_LINK_TARGET+'</td>' +
'<td style="padding-bottom:5px;"><select id="hyperLinkTarget"><option value="_blank" selected="selected">'+STR_LINK_BLANK+'</option><option value="">'+STR_LINK_NOBLANK+'</option></select></td></tr>' +
'<tr><td colspan="2" style="padding-bottom:5px;" align="center">' +
'<input type="submit" name="button" id="'+cmd+'submitButton" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:parent.KindDrawLinkEnd();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:parent.KindDisableMenu();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';" /></td></tr>';
str += '</table>';
KindWriteFullHtml(LINK_DOCUMENT, str);
LINK_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
LINK_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
LINK_DOCUMENT.body.style.margin = 0;
LINK_DOCUMENT.body.scroll = 'no';
break;
default:
break;
}
}
function KindDrawTableSelected(i, j)
{
var text = i.toString(10) + ' by ' + j.toString(10) + ' Table';
document.getElementById('tableLocation').innerHTML = text;
var num = 10;
for (m = 1; m <= num; m++) {
for (n = 1; n <= num; n++) {
var obj = document.getElementById('kindTableTd' + m.toString(10) + '_' + n.toString(10) + '');
if (m <= i && n <= j) {
obj.style.backgroundColor = MENU_SELECTED_COLOR;
} else {
obj.style.backgroundColor = '#FFFFFF';
}
}
}
}
function KindImageType(type)
{
if (type == 1) {
IMAGE_DOCUMENT.getElementById('imgFile').style.display = 'block';
IMAGE_DOCUMENT.getElementById('imgLink').style.display = 'none';
IMAGE_DOCUMENT.getElementById('imgLink').value = 'http://';
} else {
IMAGE_DOCUMENT.getElementById('imgFile').style.display = 'none';
IMAGE_DOCUMENT.getElementById('imgLink').style.display = 'block';
}
IMAGE_DOCUMENT.getElementById('imgPreview').innerHTML = " ";
IMAGE_DOCUMENT.getElementById('imgWidth').value = 0;
IMAGE_DOCUMENT.getElementById('imgHeight').value = 0;
}
function KindImagePreview()
{
var type = IMAGE_DOCUMENT.getElementById('imageType').value;
var url = IMAGE_DOCUMENT.getElementById('imgLink').value;
var file = IMAGE_DOCUMENT.getElementById('imgFile').value;
if (type == 1) {
if (BROWSER != 'IE') {
return false;
}
if (file == '') {
alert(MSG_SELECT_IMAGE);
return false;
}
url = 'file:///' + file;
if (KindCheckImageFileType(url, "\\") == false) {
return false;
}
} else {
if (KindCheckImageFileType(url, "/") == false) {
return false;
}
}
var imgObj = IMAGE_DOCUMENT.createElement("IMG");
imgObj.src = url;
var width = parseInt(imgObj.width);
var height = parseInt(imgObj.height);
IMAGE_DOCUMENT.getElementById('imgWidth').value = width;
IMAGE_DOCUMENT.getElementById('imgHeight').value = height;
var rate = parseInt(width/height);
if (width >230 && height <= 230) {
width = 230;
height = parseInt(width/rate);
} else if (width <=230 && height > 230) {
height = 230;
width = parseInt(height*rate);
} else if (width >230 && height > 230) {
if (width >= height) {
width = 230;
height = parseInt(width/rate);
} else {
height = 230;
width = parseInt(height*rate);
}
}
imgObj.style.width = width;
imgObj.style.height = height;
var el = IMAGE_DOCUMENT.getElementById('imgPreview');
if (el.hasChildNodes()) {
el.removeChild(el.childNodes[0]);
}
el.appendChild(imgObj);
return imgObj;
}
function KindDrawImageEnd()
{
var type = IMAGE_DOCUMENT.getElementById('imageType').value;
var url = IMAGE_DOCUMENT.getElementById('imgLink').value;
var file = IMAGE_DOCUMENT.getElementById('imgFile').value;
var width = IMAGE_DOCUMENT.getElementById('imgWidth').value;
var height = IMAGE_DOCUMENT.getElementById('imgHeight').value;
var border = IMAGE_DOCUMENT.getElementById('imgBorder').value;
var title = IMAGE_DOCUMENT.getElementById('imgTitle').value;
var align = IMAGE_DOCUMENT.getElementById('imgAlign').value;
var hspace = IMAGE_DOCUMENT.getElementById('imgHspace').value;
var vspace = IMAGE_DOCUMENT.getElementById('imgVspace').value;
if (type == 1) {
if (file == '') {
alert(MSG_SELECT_IMAGE);
return false;
}
if (KindCheckImageFileType(file, "\\") == false) {
return false;
}
} else {
if (KindCheckImageFileType(url, "/") == false) {
return false;
}
}
if (width.match(/^\d+$/) == null) {
alert(MSG_INVALID_WIDTH);
return false;
}
if (height.match(/^\d+$/) == null) {
alert(MSG_INVALID_HEIGHT);
return false;
}
if (border.match(/^\d+$/) == null) {
alert(MSG_INVALID_BORDER);
return false;
}
if (hspace.match(/^\d+$/) == null) {
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -