kindeditor.js

一个java的成熟的论坛模式

		str += '</tr>';
	}
	str += '<tr><td colspan="10" id="tableLocation" style="text-align:center;height:20px;"></td></tr>';
	str += '</table>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'KIND_TABLE';
}
function KindDrawImage()
{
	var top = KindGetTop('KIND_IMAGE');
	var left = KindGetLeft('KIND_IMAGE');
	var str = '';
	str += '<div style="width:250px;'+KindGetMenuCommonStyle(top, left)+'">';
	str += '<iframe name="UploadIframe" id="UploadIframe" frameborder="0" style="width:250px;height:340px;padding:0;margin:0;border:0;">';
	str += '</iframe></div>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'KIND_IMAGE';
	if (BROWSER == 'IE') {
		UPLOAD_DOCUMENT = UploadIframe.document;
	} else {
		UPLOAD_DOCUMENT = document.getElementById('UploadIframe').contentDocument;
	}
	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:5px;"><tr><td id="imgPreview" style="width:240px;height:240px;border:1px solid #AAAAAA;background-color:#FFFFFF;" align="center" valign="middle">&nbsp;</td></tr></table></td></tr>' +  	
		'<tr><td style="width:50px;padding-left:5px;"><select id="imageType" onchange="javascript:parent.KindImageType(this.value);"><option value="1" selected="selected">'+STR_IMAGE_LOCAL+'</option><option value="2">'+STR_IMAGE_REMOTE+'</option></select></td>' +
		'<td style="width:200px;padding-bottom:5px;">' +
		'<input type="text" id="imgLink" value="http://" style="width:95%;border:1px solid #555555;display:none;" onchange="javascript:parent.KindImagePreview();">' +
		'<input type="file" name="fileData" id="imgFile" size="14" style="border:1px solid #555555;" onclick="javascript:document.getElementById(\'imgLink\').value=\'http://\';" onchange="javascript:parent.KindImagePreview();"></td>' +
		'<tr><td colspan="2" style="padding-bottom:5px;"><table border="0" style="width:100%;font-size:12px;"><tr>' +
		'<td width="10%" style="padding: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:5px;">'+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:5px;">'+STR_BORDER+'</td><td width="23%"><input type="text" name="imgBorder" id="imgBorder" value="0" maxlength="1" style="width:40px;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" 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.KindClearTemp();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"></td></tr>' + 
		'</table></form></div>';
	UPLOAD_DOCUMENT.open();
	UPLOAD_DOCUMENT.write(str);
	UPLOAD_DOCUMENT.close();
	UPLOAD_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
	UPLOAD_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
	UPLOAD_DOCUMENT.body.style.margin = 0;
	UPLOAD_DOCUMENT.body.scroll = 'no';
}
function KindImageType(type)
{
	if (type == 1) {
		UPLOAD_DOCUMENT.getElementById('imgFile').style.display = 'block';
		UPLOAD_DOCUMENT.getElementById('imgLink').style.display = 'none';
		UPLOAD_DOCUMENT.getElementById('imgLink').value = 'http://';
	} else {
		UPLOAD_DOCUMENT.getElementById('imgFile').style.display = 'none';
		UPLOAD_DOCUMENT.getElementById('imgLink').style.display = 'block';
	}
	UPLOAD_DOCUMENT.getElementById('imgPreview').innerHTML = "&nbsp;";
	UPLOAD_DOCUMENT.getElementById('imgWidth').value = 0;
	UPLOAD_DOCUMENT.getElementById('imgHeight').value = 0;
	UPLOAD_DOCUMENT.getElementById('imgBorder').value = 0;
}
function KindImagePreview()
{
	var type = UPLOAD_DOCUMENT.getElementById('imageType').value;
	var url = UPLOAD_DOCUMENT.getElementById('imgLink').value;
	var file = UPLOAD_DOCUMENT.getElementById('imgFile').value;
	if (type == 1) {
		if (BROWSER != 'IE') {
			return false;
		}
		url = 'file:///' + file;
		if (KindCheckImageFileType(url, "\\") == false) {
			return false;
		}
	} else {
		if (KindCheckImageFileType(url, "/") == false) {
			return false;
		}
	}
	var imgObj = UPLOAD_DOCUMENT.createElement("IMG");
	imgObj.src = url;
	var width = parseInt(imgObj.width);
	var height = parseInt(imgObj.height);
	UPLOAD_DOCUMENT.getElementById('imgWidth').value = width;
	UPLOAD_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 = UPLOAD_DOCUMENT.getElementById('imgPreview');
	if (el.hasChildNodes()) {
		el.removeChild(el.childNodes[0]);
	}
	el.appendChild(imgObj);
	return imgObj;
}
function KindDrawImageEnd()
{
	var type = UPLOAD_DOCUMENT.getElementById('imageType').value;
	var url = UPLOAD_DOCUMENT.getElementById('imgLink').value;
	var file = UPLOAD_DOCUMENT.getElementById('imgFile').value;
	var width = UPLOAD_DOCUMENT.getElementById('imgWidth').value;
	var height = UPLOAD_DOCUMENT.getElementById('imgHeight').value;
	var border = UPLOAD_DOCUMENT.getElementById('imgBorder').value;
	if (type == 1) {
		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;
	}
	var fileName;
	if (type == 1) {
		if (KindCheckImageFileType(file, "\\") == false) {
			return false;
		}
		fileName = KindGetFileName(file, "\\");
		var fileExt = KindGetFileExt(fileName);
		var dateObj = new Date();
		fileName = dateObj.getTime().toString(10) + '.' + fileExt;
		UPLOAD_DOCUMENT.getElementById('fileName').value = fileName;
	} else {
		if (KindCheckImageFileType(url, "/") == false) {
			return false;
		}
		KindInsertImage(url, width, height, border);
	}
}
function KindInsertImage(url, width, height, border)
{
	var element = document.createElement("img");
	element.src = url;
	if (width > 0) {
		element.style.width = width;
	}
	if (height > 0) {
		element.style.height = height;
	}
	element.border = border;
	element.alt = "";
	KindSelect();
	KindInsertItem(element);
	KindClearTemp();
}
function KindDrawMedia()
{
	var top = KindGetTop('KIND_MEDIA');
	var left = KindGetLeft('KIND_MEDIA');
	var str = '';
	var str = '';
	str += '<table cellpadding="0" cellspacing="0" style="width:250px;'+KindGetMenuCommonStyle(top, left)+'">' + 
		'<tr><td colspan="2"><table border="0"><tr><td id="mediaPreview" style="width:240px;height:240px;border:1px solid #AAAAAA;background-color:#FFFFFF;" align="center" valign="middle">&nbsp;</td></tr></table></td></tr>' +  	
		'<tr><td style="width:50px;padding:5px;">'+STR_IMAGE_REMOTE+'</td>' +
		'<td style="width:200px;padding-bottom:5px;"><input type="text" id="mediaLink" value="http://" style="width:190px;border:1px solid #555555;" onchange="javascript:KindMediaPreview();"></td>' +
		'<tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
		'<input type="button" name="button" value="'+STR_BUTTON_LISTENING+'" onclick="javascript:KindMediaPreview();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:KindDrawMediaEnd();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:KindClearTemp();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"></td></tr>' + 
		'</table>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'KIND_MEDIA';
}
function KindGetMediaHtmlTag(url, width, height, title)
{
	var fileName = KindGetFileName(url, "/");
	var fileExt = KindGetFileExt(fileName);
	var temp = title.split('-');
	var autostart = temp[0];
	var hidden = temp[1];
	var EnableContextMenu = temp[2];
	var str;
	if (fileExt == "rm") {
		//video/x-pn-realvideo-plugin
		str = '<object type="video/x-ms-asf-plugin" data="'+url+'" ' + 
			'width="'+width+'" height="'+height+'">' + 
			'<param name="FileName" value="'+url+'" />' + 
			'<param name="autostart" value="'+autostart+'" />' + 
			'<param name="hidden" value="'+hidden+'" />' + 
			'<param name="EnableContextMenu" value="'+EnableContextMenu+'" />' + 
			'</object>';
	} else {
		str = '<object type="video/x-ms-asf-plugin" data="'+url+'" ' + 
			'width="'+width+'" height="'+height+'">' + 
			'<param name="FileName" value="'+url+'" />' + 
			'<param name="autostart" value="'+autostart+'" />' + 
			'<param name="hidden" value="'+hidden+'" />' + 
			'<param name="EnableContextMenu" value="'+EnableContextMenu+'" />' + 
			'</object>';
	}
	return str;
}
function KindMediaPreview()
{
	var url = document.getElementById('mediaLink').value;
	if (KindCheckMediaFileType(url, "/") == false) {
		return false;
	}
	var el = document.getElementById('mediaPreview');
	el.innerHTML = KindGetMediaHtmlTag(url, 230, 230, '1-0-0');
}
function KindDrawMediaEnd()
{
	var url = document.getElementById('mediaLink').value;
	if (KindCheckMediaFileType(url, "/") == false) {
		return false;
	}
	KindSelect();
	var imgObj = document.createElement("IMG");
	imgObj.id = 'mediapreviewimg';
	imgObj.src = IMAGE_PATH + 'mediapreview.gif';
	imgObj.style.width = '100';
	imgObj.style.height = '100';
	imgObj.title = '1-0-0';
	imgObj.border = '0';
	imgObj.alt = url;
	KindInsertItem(imgObj);
	KindClearTemp();
}
function KindDrawFlash()
{
	var top = KindGetTop('KIND_FLASH');
	var left = KindGetLeft('KIND_FLASH');
	var str = '';
	str += '<table cellpadding="0" cellspacing="0" style="width:250px;'+KindGetMenuCommonStyle(top, left)+'">' + 
		'<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">&nbsp;</td></tr></table></td></tr>' +  	
		'<tr><td style="width:50px;padding:5px;">'+STR_IMAGE_REMOTE+'</td>' +
		'<td style="width:200px;padding-bottom:5px;"><input type="text" id="flashLink" value="http://" style="width:190px;border:1px solid #555555;" onchange="javascript:KindFlashPreview();"></td>' +
		'<tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
		'<input type="button" name="button" value="'+STR_BUTTON_PREVIEW+'" onclick="javascript:KindFlashPreview();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:KindDrawFlashEnd();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:KindClearTemp();" style="border:1px solid #555555;background-color:'+BUTTON_COLOR+';"></td></tr>' + 
		'</table>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'KIND_FLASH';
}
function KindGetFlashHtmlTag(url, width, height)
{
	var str = '<object type="application/x-shockwave-flash" data="'+url+'" ' + 
			'width="'+width+'" height="'+height+'" wmode="transparent">' + 
			'<param name="movie" value="'+url+'" />' + 
			'<param name="wmode" value="transparent"/>' + 
			'</object>';
	return str;
}
function KindFlashPreview()
{
	var url = document.getElementById('flashLink').value;
	if (KindCheckFlashFileType(url, "/") == false) {
		return false;
	}
	var el = document.getElementById('flashPreview');
	el.innerHTML = KindGetFlashHtmlTag(url, '230', '230');
}
function KindDrawFlashEnd()
{
	var url = document.getElementById('flashLink').value;
	if (KindCheckFlashFileType(url, "/") == false) {
		return false;
	}
	KindSelect();
	var imgObj = document.createElement("IMG");
	imgObj.id = 'flashpreviewimg';
	imgObj.src = IMAGE_PATH + 'flashpreview.gif';
	imgObj.style.width = '100';
	imgObj.style.height = '100';
	imgObj.border = '0';
	imgObj.alt = url;
	KindInsertItem(imgObj);
	KindClearTemp();
}
function KinDrawAbout()
{
	var top = KindGetTop("KIND_ABOUT");
	var left = KindGetLeft("KIND_ABOUT") - 168;
	var str = '';
	str += '<div style="width:200px;'+KindGetMenuCommonStyle(top, left)+';padding:5px;">';
	str += '<span style="margin-right:10px;">KindEditor 2.3</span>' + 
		'<a href="http://www.kindsoft.net/" target="_blank" style="color:#4169e1;" onclick="javascript:KindClearTemp();">'+STR_ABOUT+'</a><br />';
	str += '</div>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'KIND_ABOUT';
}
function KindSelection()
{
	if (BROWSER == 'IE') {
		SELECTION = EDITFORM_DOCUMENT.selection;
		RANGE = SELECTION.createRange();
		RANGE_TEXT = RANGE.text;
	} else {
		SELECTION = document.getElementById("EditForm").contentWindow.getSelection();
        RANGE = SELECTION.getRangeAt(0);
		RANGE_TEXT = RANGE.toString();
	}
}