htmleditor.js

6KB超经典BBS源代码..................ASP脚本

	var str = '';
	for (i = 0; i < TITLE_TABLE.length; i++) {
		str += '<div style="width:140px;cursor:pointer;" ' + 
		'onclick="javascript:HtmlExecute(\'Html_TITLE_END\', \'' + TITLE_TABLE[i][0] + '\');" ' + 
		'onmouseover="javascript:this.style.backgroundColor=\''+MENU_SELECTED_COLOR+'\';" ' +
		'onmouseout="javascript:this.style.backgroundColor=\''+MENU_BG_COLOR+'\';"><' + TITLE_TABLE[i][0] + ' style="margin:2px;">' + 
		TITLE_TABLE[i][1] + '</' + TITLE_TABLE[i][0] + '></div>';
	}
	HtmlDrawMenu('Html_TITLE', str);
}
function HtmlDrawFontname()
{
	var str = '';
	for (i = 0; i < FONT_NAME.length; i++) {
		str += '<div style="font-family:' + FONT_NAME[i][0] + 
		';padding:2px;width:160px;cursor:pointer;" ' + 
		'onclick="javascript:HtmlExecute(\'Html_FONTNAME_END\', \'' + FONT_NAME[i][0] + '\');" ' + 
		'onmouseover="javascript:this.style.backgroundColor=\''+MENU_SELECTED_COLOR+'\';" ' +
		'onmouseout="javascript:this.style.backgroundColor=\''+MENU_BG_COLOR+'\';">' + 
		FONT_NAME[i][1] + '</div>';
	}
	HtmlDrawMenu('Html_FONTNAME', str);
}
function HtmlDrawFontsize()
{
	var str = '';
	for (i = 0; i < FONT_SIZE.length; i++) {
		str += '<div style="font-size:' + FONT_SIZE[i][1] + 
		';padding:2px;width:120px;cursor:pointer;" ' + 
		'onclick="javascript:HtmlExecute(\'Html_FONTSIZE_END\', \'' + FONT_SIZE[i][0] + '\');" ' + 
		'onmouseover="javascript:this.style.backgroundColor=\''+MENU_SELECTED_COLOR+'\';" ' +
		'onmouseout="javascript:this.style.backgroundColor=\''+MENU_BG_COLOR+'\';">' + 
		FONT_SIZE[i][1] + '</div>';
	}
	HtmlDrawMenu('Html_FONTSIZE', str);
}
function HtmlDrawColorTable(cmdName)
{
	var top = HtmlGetTop(cmdName) + 32;
	var left = HtmlGetLeft(cmdName) + 1;
	var str = '';
	str += '<table cellpadding="0" cellspacing="2" border="0" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
	for (i = 0; i < COLOR_TABLE.length; i++) {
		if (i == 0 || (i >= 10 && i%10 == 0)) {
			str += '<tr>';
		}
		str += '<td style="width:12px;height:12px;border:1px solid #AAAAAA;font-size:10px;cursor:pointer;background-color:' +
		COLOR_TABLE[i] + ';" onmouseover="javascript:this.style.borderColor=\'#000000\';" ' +
		'onmouseout="javascript:this.style.borderColor=\'#AAAAAA\';" ' + 
		'onclick="javascript:HtmlExecute(\''+cmdName+'_END\', \'' + COLOR_TABLE[i] + '\');">&nbsp;</td>';
		if (i >= 9 && i%(i-1) == 0) {
			str += '</tr>';
		}
	}
	str += '</table>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = cmdName;
}
function HtmlCheckSelected()
{
	if (RANGE_TEXT == '') {
		alert(MSG_SELECT_TARGET);
		return false;
	}
}
function HtmlDrawLink()
{
	var top = HtmlGetTop('Html_LINK') + 32;
	var left = HtmlGetLeft('Html_LINK') - 220;
	var str = '';
	str += '<table cellpadding="0" cellspacing="0" style="width:250px;'+HtmlGetMenuCommonStyle(top, left)+'">' + 
		'<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>'+STR_LINK_BLANK+'</option><option value="">'+STR_LINK_NOBLANK+'</option></select></td>' + 
		'<tr><td colspan="2" style="padding-bottom:5px;" align="center"><input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" ' +
		'onclick="javascript:HtmlDrawLinkEnd();"' +
		'style="border:1px solid #555555;"> <input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:HtmlClearTemp();" style="border:1px solid #555555;"></td></tr>';
	str += '</table>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'Html_LINK';
}
function HtmlDrawLinkEnd()
{
	var range;
	var url = document.getElementById('hyperLink').value;
	var target = document.getElementById('hyperLinkTarget').value;
	if (url.match(/http:\/\/.{3,}/) == null) {
		alert(MSG_INPUT_URL);
		return false;
	}
	HtmlSelect();
	HtmlExecuteValue('CreateLink', url);
	var element;
    if (BROWSER == 'IE') {
		if (SELECTION.type.toLowerCase() == 'text') {
			element = RANGE.parentElement() ? RANGE.parentElement() : RANGE.item(0).parentElement();
		}
	} else {
		element = RANGE.startContainer.previousSibling;
    }
    if (element && target) {
        element.target = target;
    }
	HtmlClearTemp();
}
function HtmlDrawIcon()
{
	var top = HtmlGetTop('Html_ICON') + 32;
	var left = HtmlGetLeft('Html_ICON') + 1;
	var str = '';
	var iconNum = 36;
	str += '<table cellpadding="0" cellspacing="2" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
	for (i = 0; i < iconNum; i++) {
		if (i == 0 || (i >= 6 && i%6 == 0)) {
			str += '<tr>';
		}
		var num;
		if ((i+1).toString(10).length < 2) {
			num = '0' + (i+1);
		} else {
			num = (i+1).toString(10);
		}
		var iconUrl = ICON_PATH + 'etc_' + num + '.gif';
		str += '<td style="padding:2px;border:0;cursor:pointer;" ' + 
		'onclick="javascript:HtmlExecute(\'Html_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>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'Html_ICON';
}
function HtmlDrawSpecialchar()
{
	var top = HtmlGetTop('Html_SPECIALCHAR') + 32;
	var left = HtmlGetLeft('Html_SPECIALCHAR') + 1;
	var str = '';
	str += '<table cellpadding="0" cellspacing="2" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
	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:HtmlExecute(\'Html_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>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'Html_SPECIALCHAR';
}
function HtmlDrawTableSelected(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('tableTd' + m.toString(10) + '_' + n.toString(10) + '');
			if (m <= i && n <= j) {
				obj.style.backgroundColor = '#AAAAAA';
			} else {
				obj.style.backgroundColor = '#FFFFFF';
			}
		}
	}
}
function HtmlDrawTable()
{
	var top = HtmlGetTop('Html_TABLE') + 32;
	var left = HtmlGetLeft('Html_TABLE') + 1;
	var str = '';
	var num = 10;
	str += '<table cellpadding="0" cellspacing="0" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
	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="tableTd' + i.toString(10) + '_' + j.toString(10) + 
			'" style="width:15px;height:15px;background-color:#FFFFFF;border:1px solid #DDDDDD;cursor:pointer;" ' + 
			'onclick="javascript:HtmlExecute(\'Html_TABLE_END\', \'' + value + '\');" ' +
			'onmouseover="javascript:HtmlDrawTableSelected(\''+i.toString(10)+'\', \''+j.toString(10)+'\');" ' + 
			'onmouseout="javascript:;">&nbsp;</td>';
		}
		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 = 'Html_TABLE';
}
function HtmlDrawImage()
{
	var top = HtmlGetTop('Html_IMAGE') + 32;
	var left = HtmlGetLeft('Html_IMAGE') + 1;
	var str = '';
	str += '<div style="width:250px;'+HtmlGetMenuCommonStyle(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 = 'Html_IMAGE';
	if (BROWSER == 'IE') {
		UPLOAD_DOCUMENT = UploadIframe.document;
	} else {
		UPLOAD_DOCUMENT = document.getElementById('UploadIframe').contentDocument;
	}
	str = '<div align="center">' +
		'<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;">'+STR_IMAGE_REMOTE+'</td>' +
		'<td style="width:200px;padding-bottom:5px;">' +
		'<input type="text" id="imgLink" value="http://" style="width:95%;border:1px solid #555555;display:block;" onchange="javascript:parent.HtmlImagePreview();">' +
		'</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.HtmlImagePreview();" style="border:1px solid #555555;"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:parent.HtmlDrawImageEnd();" style="border:1px solid #555555;"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:parent.HtmlClearTemp();" style="border:1px solid #555555;"></td></tr>' + 
		'</table></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 HtmlImagePreview()
{
	var url = UPLOAD_DOCUMENT.getElementById('imgLink').value;
	if (HtmlCheckImageFileType(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 HtmlDrawImageEnd()
{
	var url = UPLOAD_DOCUMENT.getElementById('imgLink').value;
	var width = UPLOAD_DOCUMENT.getElementById('imgWidth').value;
	var height = UPLOAD_DOCUMENT.getElementById('imgHeight').value;
	var border = UPLOAD_DOCUMENT.getElementById('imgBorder').value;

	if (HtmlCheckImageFileType(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 (HtmlCheckImageFileType(url, "/") == false) {
			return false;
		}
		HtmlInsertImage(url, width, height, border);
}
function HtmlInsertImage(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;
	HtmlSelect();
	HtmlInsertItem(element);
	HtmlClearTemp();
}
function HtmlDrawMedia()
{
	var top = HtmlGetTop('Html_MEDIA') + 32;
	var left = HtmlGetLeft('Html_MEDIA') + 1;
	var str = '';
	var str = '';
	str += '' +
		'<table cellpadding="0" cellspacing="0" style="width:250px;'+HtmlGetMenuCommonStyle(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:HtmlMediaPreview();"></td>' +
		'<tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
		'<input type="button" name="button" value="'+STR_BUTTON_LISTENING+'" onclick="javascript:HtmlMediaPreview();" style="border:1px solid #555555;"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:HtmlDrawMediaEnd();" style="border:1px solid #555555;"> ' +
		'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:HtmlClearTemp();" style="border:1px solid #555555;"></td></tr>' + 
		'</table>';
	document.getElementById('popupData').innerHTML = str;
	document.getElementById('popupName').innerHTML = 'Html_MEDIA';
}
function HtmlGetMediaHtmlTag(url, width, height)
{
	var element = document.createElement("embed");
	element.src = url;
	element.width = 230;
	element.height = 230;
	element.loop = "true";
	element.autostart = "true";
	return element;
}
function HtmlMediaPreview()
{
	var url = document.getElementById('mediaLink').value;
	if (HtmlCheckMediaFileType(url, "/") == false) {
		return false;
	}
	var el = document.getElementById('mediaPreview');
	if (el.hasChildNodes()) {
		el.removeChild(el.childNodes[0]);
	}