onlineeditor.ascx

基于Windows平台的ASP.net框架

		setUnselectable(menu);
	};

	this.initMenuContainer = function(cmd, width, height, overflow) {
		var menu = document.createElement('div');
		menu.id = editorid + '_popup_' + cmd + '_menu';
		menu.className = 'popupmenu_popup';
		menu.style.display = 'none';
		menu.style.cursor = 'default';
		menu.style.padding = '3px';
		menu.style.width = width;
		menu.style.height = height;
		menu.style.overflow = overflow;
		return menu;
	}

	this.buildFontnamePopup = function(obj, menu) {
		fol = fontoptions.length;
		for(var n = 0; n < fol; n++) {
			var option = document.createElement('div');
			option.innerHTML = '<font face="' + fontoptions[n] + '">' + fontoptions[n] + '</font>';
			option.className = 'editor_ofont';
			option.style.textAlign = 'left';
			option.cmd = obj.cmd;
			option.editorid = editorid;
			option.onmouseover = option.onmouseout = option.onmouseup = option.onmousedown = EVENT.menuoption_onmouseevent;
			option.onclick = EVENT.formatting_option_onclick;
			menu.appendChild(option);
		}
	}

	this.buildFontsizePopup = function(obj, menu) {
		sol = sizeoptions.length;
		for(var n = 0; n < sol; n++) {
			var option = document.createElement('div');
			option.innerHTML = '<font size="' + sizeoptions[n] + '">' + sizeoptions[n] + '</font>';
			option.className = 'editor_osize';
			option.style.textAlign = 'center';
			option.cmd = obj.cmd;
			option.editorid = editorid;
			option.onmouseover = option.onmouseout = option.onmouseup = option.onmousedown = EVENT.menuoption_onmouseevent;
			option.onclick = EVENT.formatting_option_onclick;
			menu.appendChild(option);
		}
	}

	this.buildForecolorPopup = function(obj, menu) {
		var colorout = $(editorid + '_color_out');
		colorout.editorid = editorid;
		colorout.onclick = EVENT.colorout_onclick;

		var table = document.createElement('table');
		table.cellPadding = 0;
		table.cellSpacing = 0;
		table.border = 0;

		var i = 0;
		for(var hex in coloroptions) {
			if(i % 8 == 0) {
				var tr = table.insertRow(-1);
			}
			i++;

			var div = document.createElement('div');
			div.style.backgroundColor = coloroptions[hex];

			var option = tr.insertCell(-1);
			option.style.textAlign = 'center';
			option.className = 'editor_ocolor';
			option.appendChild(div);
			option.cmd = obj.cmd;
			option.editorid = editorid;
			option.colorname = coloroptions[hex];
			option.onmouseover = option.onmouseout = option.onmouseup = option.onmousedown = EVENT.menuoption_onmouseevent;
			option.onclick = EVENT.coloroption_onclick;
		}

		menu.appendChild(table);
	}

	this.menu_context = function(obj, state) {
		if(obj.state) {
			this.setControlStyle(obj, 'button', 'down');
		} else if(state=='mouseout') {
			this.setControlStyle(obj, 'button', 'normal');
		} else if(state=='mousedown') {
			this.setControlStyle(obj, 'popup', 'down');
		} else if(state=='mouseup' || state=='mouseover') {
			this.setControlStyle(obj, 'button', 'hover');
		}
	};

	this.button_context = function(obj, state, controltype) {
		if(undefined(controltype)) {
			controltype = 'button';
		}
		if(obj.state) {
			if(state=='mouseover' || state=='mousedown' || state=='mouseup') {
				this.setControlStyle(obj, controltype, 'down');
			} else if(state=='mouseout') {
				this.setControlStyle(obj, 'button', 'selected');
			}
		}else{
			if(state=='mouseout') {
				this.setControlStyle(obj, controltype, 'normal');
			} else if(state=='mousedown') {
				this.setControlStyle(obj, controltype, 'down');
			} else if(state=='mouseup' || state=='mouseover') {
				this.setControlStyle(obj, controltype, 'hover');
			}
		}
	};

	this.setControlStyle = function(obj, controltype, mode) {
		if(obj.mode != mode) {
			obj.mode = mode;

			istyle = 'pi_' + controltype + '_' + obj.mode;

			if(typeof istyles != 'undefined' && typeof istyles[istyle] != 'undefined') {
				obj.style.background = istyles[istyle][0];
				obj.style.color = istyles[istyle][1];
				if(controltype != 'menu') {
					obj.style.padding = istyles[istyle][2];
				}
				obj.style.border = istyles[istyle][3];

				var tds = findtags(obj, 'td');
				for(var i = 0; i < tds.length; i++) {
					switch(tds[i].className) {
						case 'editor_ofeedback':
							tds[i].style.borderRight = (mode == 'normal' ? istyles['pi_menu_normal'][3] : istyles[istyle][3]);
							break;

						case 'editor_opickbutton':
							tds[i].style.borderColor = (mode == 'normal' ? istyles['pi_menu_normal'][0] : istyles[istyle][0]);
							break;

						case 'editor_apickbutton':
							if(obj.state) {
								tds[i].style.paddingLeft = istyles['pi_button_normal'][2];
								tds[i].style.borderLeft = istyles['pi_button_normal'][3];
							} else {
								tds[i].style.paddingLeft = istyles[istyle][2];
								tds[i].style.borderLeft = istyles[istyle][3];
							}
					}
				}
			}
		}
	};

	this.format = function(e, cmd, arg) {
		e = doane(e);
		if(cmd != 'redo') {
			history.add_snapshot(this.getEditorContents());
		}
		if(cmd.substr(0, 6) == 'resize') {
			this.resizeEditor(parseInt(cmd.substr(9), 10) * (parseInt(cmd.substr(7, 1), 10) == '1' ? 1 : -1));
			return;
		}

		this.checkFocus();

		if(cmd.substr(0, 4) == 'wrap') {
			var ret = this.wrapTags(cmd.substr(6), (cmd.substr(4, 1) == '1' ? true : false));
		} else if(cmd.substr(0, 6) == 'custom') {
			var ret = this.customTags(cmd.substr(8), cmd.substr(6, 1));
		} else if(this[cmd]) {
			var ret = this[cmd](e);
		} else {
			try {
				var ret = this.applyFormat(cmd, false, (undefined(arg) ? true : arg));
			} catch(e) {
				var ret = false;
			}
		}

		if(cmd != 'undo') {
			history.add_snapshot(this.getEditorContents());
		}
		this.setContext(cmd);
		this.checkFocus();
		return ret;
	};

	this.insertimage = function(e, img) {
		if(undefined(img)) {
			img = this.showPrompt(lang['enter_image_url'], 'http://');
		}
		if(img = this.verifyPrompt(img)) {
			return this.applyFormat('insertimage', false, img);
		} else {
			return false;
		}
	};

	this.wrapTags = function(tagname, useoption, selection) {
		if(tagname=='CODE' || tagname=='HTML' || tagname=='PHP') {
			this.applyFormat('removeformat');
		}
		if(undefined(selection)) {
			selection = this.getSel();
			if(selection === false) {
				selection = '';
			} else {
				selection = new String(selection);
			}
		}

		if(useoption === true) {
			var option = this.showPrompt(construct_phrase(lang['enter_tag_option'], ('[' + tagname + ']')), '');
			if(option = this.verifyPrompt(option)) {
				var opentag = '[' + tagname + '=' + option + ']';
			} else {
				return false;
			}
		} else if(useoption !== false) {
			var opentag = '[' + tagname + '=' + useoption + ']';
		} else {
			var opentag = '[' + tagname + ']';
		}

		var closetag = '[/' + tagname + ']';
		var text = opentag + selection + closetag;

		this.insertText(text, mb_strlen(opentag), mb_strlen(closetag));

		return false;
	};

	this.get_selection = function(){
		if(wysiwyg) {
			if(is_moz || is_opera) {
				selection = this.editwin.getSelection();
				this.checkFocus();
				range = selection ? selection.getRangeAt(0) : this.editdoc.createRange();
				return this.read_nodes(range.cloneContents(), false);
			} else {
				var range = this.editdoc.selection.createRange();
				if(range.htmlText && range.text) {
					return range.htmlText;
				} else {
					var do_not_steal_this_code_html = '';
					for(var i = 0; i < range.length; i++) {
						do_not_steal_this_code_html += range.item(i).outerHTML;
					}
					return do_not_steal_this_code_html;
				}
			}
		} else {
			if(typeof(this.editdoc.selectionStart) != 'undefined') {
				return this.editdoc.value.substr(this.editdoc.selectionStart, this.editdoc.selectionEnd - this.editdoc.selectionStart);
			} else if(document.selection && document.selection.createRange) {
				return document.selection.createRange().text;
			} else if(window.getSelection) {
				return window.getSelection() + '';
			} else {
				return false;
			}
		}
	};



	this.customTags = function(tagindex, params) {
		var tagname = custombbcodes[tagindex][0];
		var closetag = custombbcodes[tagindex][0]
		var tagvalue = custombbcodes[tagindex][0];
		var selection;
		
		if (params>0){
			if(undefined(selection)) {
				selection = this.get_selection();
				if(selection === false) {
					selection = '';
				} else {
					selection = new String(selection);
				}
			}
			
			var dialogtxt = "";
			var defaultval = "";
			var tempTagname = "";
			if (selection == ""){
			
				if (undefined(custombbcodes[tagindex][3][0])){
					title = "请输入参数 1 :";
				}
				else{
					title = custombbcodes[tagindex][3][0];
				}
				if (undefined(custombbcodes[tagindex][4][0])){
					defval = "";
				}
				else{
					defval = custombbcodes[tagindex][4][0];
				}
				
				selection=this.showPrompt(title,defval);
				if (selection=="null"){
					return;
				}
			}
			
			for (i=2;i<=params;i++){
			
				if (undefined(custombbcodes[tagindex][3][i-1])){
					title = "请输入参数 " + (i-1) + " :";
				}
				else{
					title = custombbcodes[tagindex][3][i-1];
				}
				if (undefined(custombbcodes[tagindex][4][i-1])){
					defval = "";
				}
				else{
					defval = custombbcodes[tagindex][4][i-1];
				}
				
				tempTagname = this.showPrompt(title,defval)
				if (tempTagname=="null"){
					return;
				}
				
				if (i==2){
					tagname = tagname + "=" + tempTagname;
				}
				else{
					tagname = tagname + "," + tempTagname;
				}

			}
		}

		this.applyFormat('removeformat');
		if(tagvalue.indexOf(']') == -1) {
			tagvalue = '[' + tagname + ']' + selection + '[/' + closetag + ']';
		}		
		
		params == 1 ?
			this.insertText(tagvalue, mb_strlen('[' + tagname + ']'), mb_strlen('[/' + closetag + ']')) :			this.insertText(tagvalue, tagvalue.indexOf(']') + 1, mb_strlen('[/' + closetag + ']'));
	};
	
	
	this.showPrompt = function(dialogtxt, defaultval) {
		return PHP.trim(new String(prompt(dialogtxt, defaultval)));
	};

	this.verifyPrompt = function(str) {
		if(str=='http://' || str=='null' || str=='undefined' || str=='false' || str=='' || str==null || str==false) {
			return false;
		} else {
			return str;
		}
	};

	this.resizeEditor = function(change) {
		var newheight = parseInt(this.editbox.style.height, 10) + change;

		if(newheight >= 100) {
			this.editbox.style.height = newheight + 'px';
			if(change % 99 != 0) {
				document.cookie = 'editor_height=' + escape(newheight) + '; path=/';
			}
		}
	};

	this.destroyPopup = function(popupname) {
		ePopups[popupname].parentNode.removeChild(ePopups[popupname]);
	}

	this.destroy = function() {
		for(var i in eButtons) {
			this.setControlStyle(eButtons[i], 'button', 'normal');
		}
		for(var menu in ePopups) {
			this.destroyPopup(menu);
		}
		if(this.fontoptions) {
			for(var i in this.fontoptions) {
				if(i != '') {
					this.fontoptions[i].parentNode.removeChild(this.fontoptions[i]);
				}
			}
			this.fontoptions[''].style.display = '';
		}

		if(this.sizeoptions) {
			for(var i in this.sizeoptions) {
				if(i != '') {
					this.sizeoptions[i].parentNode.removeChild(this.sizeoptions[i]);
				}
			}
			this.sizeoptions[''].style.display = '';
		}
	};

	this.insertSmiley = function(e, smilietext, smiliepath, smilieid) {
		this.checkFocus();
		if(wysiwyg && this.parsesmilies && !fetchCheckbox("smileyoff")) {
			if(is_moz) {
				this.applyFormat('InsertImage', false, smiliepath);
				var smilies = findtags(this.editdoc.body, 'img');
				for(var i = 0; i < smilies.length; i++)
					if(smilies[i].src == smiliepath && smilies[i].getAttribute('smilieid') < 1) {
						smilies[i].setAttribute('smilieid', smilieid);
						smilies[i].setAttribute('border', "0");
					}
			} else {
				this.insertText('<img src="' + smiliepath + '" border="0" smilieid="' + smilieid + '" alt="" /> ', false);
			}
		} else {
			smilietext += ' ';
			return this.insertText(smilietext, smilietext.length, 0);
		}
	};

	this.setEditorContents = function(initialtext) {
		if(wysiwyg) {
			if(findobj(editorid + '_iframe')) {
				this.editbox = findobj(editorid + '_iframe');
			} else {
				var iframe = document.createElement('iframe')
				iframe.id = editorid + '_iframe';
				iframe.tabIndex = 1;
				iframe.frameBorder = 0;
				iframe.style.margin="0px 0px 0px 0px";
				this.editbox = textobj.parentNode.appendChild(iframe);
			}

			if(!is_ie) {
				this.editbox.style.border = '0px';
			}
			if (!is_ie){
				this.editbox.style.width = textobj.style.width;
				if (!is_opera){
					this.editbox.style.height = textobj.style.height.