📄 kindeditor.js
字号:
KindSimpleExecute('justifyleft');
break;
case 'KIND_JUSTIFYCENTER':
KindSimpleExecute('justifycenter');
break;
case 'KIND_JUSTIFYRIGHT':
KindSimpleExecute('justifyright');
break;
case 'KIND_JUSTIFYFULL':
KindSimpleExecute('justifyfull');
break;
case 'KIND_NUMBEREDLIST':
KindSimpleExecute('insertorderedlist');
break;
case 'KIND_UNORDERLIST':
KindSimpleExecute('insertunorderedlist');
break;
case 'KIND_INDENT':
KindSimpleExecute('indent');
break;
case 'KIND_OUTDENT':
KindSimpleExecute('outdent');
break;
case 'KIND_REMOVE':
KindSimpleExecute('removeformat');
break;
case 'KIND_ZOOM':
KindDisplayMenu(cmd);
break;
case 'KIND_ZOOM_END':
KindEditorForm.focus();
EDITFORM_DOCUMENT.body.style.zoom = value;
KindDisableMenu();
break;
case 'KIND_TITLE':
KindDisplayMenu(cmd);
break;
case 'KIND_TITLE_END':
KindEditorForm.focus();
value = '<' + value + '>';
KindSelect();
KindExecuteValue('FormatBlock', value);
KindDisableMenu();
break;
case 'KIND_FONTNAME':
KindDisplayMenu(cmd);
break;
case 'KIND_FONTNAME_END':
KindEditorForm.focus();
KindSelect();
KindExecuteValue('fontname', value);
KindDisableMenu();
break;
case 'KIND_FONTSIZE':
KindDisplayMenu(cmd);
break;
case 'KIND_FONTSIZE_END':
KindEditorForm.focus();
value = value.substr(0, 1);
KindSelect();
KindExecuteValue('fontsize', value);
KindDisableMenu();
break;
case 'KIND_TEXTCOLOR':
KindDisplayMenu(cmd);
break;
case 'KIND_TEXTCOLOR_END':
KindEditorForm.focus();
KindSelect();
KindExecuteValue('ForeColor', value);
KindDisableMenu();
break;
case 'KIND_BGCOLOR':
KindDisplayMenu(cmd);
break;
case 'KIND_BGCOLOR_END':
KindEditorForm.focus();
if (BROWSER == 'IE') {
KindSelect();
KindExecuteValue('BackColor', value);
} else {
var startRangeNode = RANGE.startContainer;
if (startRangeNode.nodeType == 3) {
var parent = startRangeNode.parentNode;
var element = document.createElement("font");
element.style.backgroundColor = value;
element.appendChild(RANGE.extractContents());
var startRangeOffset = RANGE.startOffset;
var newRange = document.createRange();
var afterNode;
var textNode = startRangeNode;
startRangeNode = textNode.parentNode;
var text = textNode.nodeValue;
var textBefore = text.substr(0, startRangeOffset);
var textAfter = text.substr(startRangeOffset);
var beforeNode = document.createTextNode(textBefore);
var afterNode = document.createTextNode(textAfter);
startRangeNode.insertBefore(afterNode, textNode);
startRangeNode.insertBefore(element, afterNode);
startRangeNode.insertBefore(beforeNode, element);
startRangeNode.removeChild(textNode);
newRange.setEnd(afterNode, 0);
newRange.setStart(afterNode, 0);
SELECTION.addRange(newRange);
}
}
KindDisableMenu();
break;
case 'KIND_ICON':
KindDisplayMenu(cmd);
break;
case 'KIND_ICON_END':
KindEditorForm.focus();
var element = document.createElement("img");
element.src = value;
element.border = 0;
element.alt = "";
KindSelect();
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_IMAGE':
KindDisplayMenu(cmd);
KindImageIframe.focus();
IMAGE_DOCUMENT.getElementById(cmd+'submitButton').focus();
break;
case 'KIND_FLASH':
KindDisplayMenu(cmd);
KindFlashIframe.focus();
FLASH_DOCUMENT.getElementById(cmd+'submitButton').focus();
break;
case 'KIND_MEDIA':
KindDisplayMenu(cmd);
KindMediaIframe.focus();
MEDIA_DOCUMENT.getElementById(cmd+'submitButton').focus();
break;
case 'KIND_REAL':
KindDisplayMenu(cmd);
KindRealIframe.focus();
REAL_DOCUMENT.getElementById(cmd+'submitButton').focus();
break;
case 'KIND_LINK':
KindDisplayMenu(cmd);
KindLinkIframe.focus();
LINK_DOCUMENT.getElementById(cmd+'submitButton').focus();
break;
case 'KIND_UNLINK':
KindSimpleExecute('unlink');
break;
case 'KIND_SPECIALCHAR':
KindDisplayMenu(cmd);
break;
case 'KIND_SPECIALCHAR_END':
KindEditorForm.focus();
KindSelect();
var element = document.createElement("span");
element.appendChild(document.createTextNode(value));
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_LAYER':
KindDisplayMenu(cmd);
break;
case 'KIND_LAYER_END':
KindEditorForm.focus();
var element = document.createElement("div");
element.style.padding = "5px";
element.style.border = "1px solid #AAAAAA";
element.style.backgroundColor = value;
var childElement = document.createElement("div");
childElement.innerHTML = STR_INPUT_CONTENT;
element.appendChild(childElement);
KindSelect();
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_TABLE':
KindDisplayMenu(cmd);
break;
case 'KIND_TABLE_END':
KindEditorForm.focus();
var location = value.split(',');
var element = document.createElement("table");
element.cellPadding = 0;
element.cellSpacing = 0;
element.border = 1;
element.style.width = "100px";
element.style.height = "100px";
for (var i = 0; i < location[0]; i++) {
var rowElement = element.insertRow(i);
for (var j = 0; j < location[1]; j++) {
var cellElement = rowElement.insertCell(j);
cellElement.innerHTML = " ";
}
}
KindSelect();
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_HR':
KindDisplayMenu(cmd);
break;
case 'KIND_HR_END':
KindEditorForm.focus();
var element = document.createElement("hr");
element.width = "100%";
element.color = value;
element.size = 1;
KindSelect();
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_DATE':
KindEditorForm.focus();
KindSelection();
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;
var element = document.createElement("span");
element.appendChild(document.createTextNode(value));
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_TIME':
KindEditorForm.focus();
KindSelection();
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;
var element = document.createElement("span");
element.appendChild(document.createTextNode(value));
KindInsertItem(element);
KindDisableMenu();
break;
case 'KIND_PREVIEW':
eval(OBJ_NAME).data();
var newWin = window.open('', 'kindPreview','width=800,height=600,left=30,top=30,resizable=yes,scrollbars=yes');
KindWriteFullHtml(newWin.document, document.getElementsByName(eval(OBJ_NAME).hiddenName)[0].value);
KindDisableMenu();
break;
case 'KIND_ABOUT':
KindDisplayMenu(cmd);
break;
default:
break;
}
}
function KindDisableToolbar(flag)
{
if (flag == true) {
document.getElementById(TOP_TOOLBAR_ICON[0][0]).src = IMAGE_PATH + 'design.gif';
for (i = 0; i < TOOLBAR_ICON.length; i++) {
var el = document.getElementById(TOOLBAR_ICON[i][0]);
if (TOOLBAR_ICON[i][0] == 'KIND_SOURCE' || TOOLBAR_ICON[i][0] == 'KIND_PREVIEW' || TOOLBAR_ICON[i][0] == 'KIND_ABOUT') {
continue;
}
el.style.visibility = 'hidden';
}
} else {
document.getElementById(TOP_TOOLBAR_ICON[0][0]).src = IMAGE_PATH + 'source.gif';
for (i = 0; i < TOOLBAR_ICON.length; i++) {
var el = document.getElementById(TOOLBAR_ICON[i][0]);
el.style.visibility = 'visible';
EDITFORM_DOCUMENT.designMode = 'On';
}
}
}
function KindCreateIcon(icon)
{
var str = '<img id="'+ icon[0] +'" src="' + IMAGE_PATH + icon[1] + '" alt="' + icon[2] + '" title="' + icon[2] +
'" align="absmiddle" style="border:1px solid ' + TOOLBAR_BG_COLOR +';cursor:pointer;height:20px;';
str += '" onclick="javascript:KindExecute(\''+ icon[0] +'\');" '+
'onmouseover="javascript:this.style.border=\'1px solid ' + MENU_BORDER_COLOR + '\';" ' +
'onmouseout="javascript:this.style.border=\'1px solid ' + TOOLBAR_BG_COLOR + '\';" ';
str += '>';
return str;
}
function KindCreateToolbar()
{
var htmlData = '<table cellpadding="0" cellspacing="0" border="0" height="26"><tr>';
if (EDITOR_TYPE == 'full') {
for (i = 0; i < TOP_TOOLBAR_ICON.length; i++) {
htmlData += '<td style="padding:2px;">' + KindCreateIcon(TOP_TOOLBAR_ICON[i]) + '</td>';
}
htmlData += '</tr></table><table cellpadding="0" cellspacing="0" border="0" height="26"><tr>';
for (i = 0; i < BOTTOM_TOOLBAR_ICON.length; i++) {
htmlData += '<td style="padding:2px;">' + KindCreateIcon(BOTTOM_TOOLBAR_ICON[i]) + '</td>';
}
} else {
for (i = 0; i < SIMPLE_TOOLBAR_ICON.length; i++) {
htmlData += '<td style="padding:2px;">' + KindCreateIcon(SIMPLE_TOOLBAR_ICON[i]) + '</td>';
}
}
htmlData += '</tr></table>';
return htmlData;
}
function KindWriteFullHtml(documentObj, content)
{
var editHtmlData = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r\n';
editHtmlData += '<html xmlns="http://www.w3.org/1999/xhtml">\r\n<head>\r\n<title>KindEditor</title>\r\n<style type="text/css">\r\np {margin:0;}\r\n</style>\r\n</head>\r\n';
editHtmlData += '<body style="font-size:12px;font-family:'+EDITOR_FONT_FAMILY+';margin:2px;background-color:' + FORM_BG_COLOR + '">\r\n';
editHtmlData += content;
editHtmlData += '\r\n</body>\r\n</html>\r\n';
documentObj.open();
documentObj.write(editHtmlData);
documentObj.close();
}
function KindEditor(objName)
{
this.objName = objName;
this.hiddenName = objName;
this.siteDomain = "";
this.editorType = "full"; //full or simple
this.safeMode = false; // true or false
this.uploadMode = true; // true or false
this.editorWidth = "700px";
this.editorHeight = "400px";
this.skinPath = './skins/default/';
this.iconPath = './icons/';
this.imageAttachPath = './attached/';
this.imageUploadCgi = "./upload_cgi/upload.php";
this.menuBorderColor = '#AAAAAA';
this.menuBgColor = '#EFEFEF';
this.menuTextColor = '#222222';
this.menuSelectedColor = '#CCCCCC';
this.toolbarBorderColor = '#DDDDDD';
this.toolbarBgColor = '#EFEF⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -