📄 edit.js

📁 购物网设计的购物系统是基于WEB开发的大型购物系统。　　它以构建电子商务网站为目标
💻 JS
📖 第 1 页 / 共 3 页
字号:
12 3 下一页
var bEditMode = null;
// 浏览器版本检测
var BrowserInfo = new Object() ;
BrowserInfo.MajorVer = navigator.appVersion.match(/MSIE (.)/)[1] ;
BrowserInfo.MinorVer = navigator.appVersion.match(/MSIE .\.(.)/)[1] ;
BrowserInfo.IsIE55OrMore = BrowserInfo.MajorVer >= 6 || ( BrowserInfo.MajorVer >= 5 && BrowserInfo.MinorVer >= 5 ) ;

//单行变色
function MouseOverColor (src, col) {
	src.style.color = "#ffffff";
	src.bgColor = col;
}

function MouseOutColor (src, col) {
	src.style.color = "#000000";
	src.bgColor = col;
}

//取得颜色值
function callColorDlg(){
	var sInitColor;
  	if(sInitColor == null)
   		var sColor = dlgHelper.ChooseColorDlg();
  	else
   		var sColor = dlgHelper.ChooseColorDlg(sInitColor);

  	sColor = sColor.toString(16);
  	if (sColor.length < 6) {
   		var sTempString = "000000".substring(0,6-sColor.length);
   		sColor = sTempString.concat(sColor);
  	}
	
	clor='#' + sColor;
	return clor;
}

//编辑得到光标
function setFocus() {
	EditorID.focus();
}
//创建编辑区
function selectRange(){
	editr = EditorID.document.body.createTextRange()
	edit = EditorID.document.selection.createRange();
	RangeType = EditorID.document.selection.type;
}

//初始化编辑器
function preliminary () { 
	initHTML = form.content.value;
	EditorID.document.designMode = "On";
	EditorID.document.open();
	EditorID.document.write(initHTML);
	EditorID.document.close();
	if(EditorID.document.styleSheets.length == 0){
		EditorID.document.createStyleSheet();
		var oSS = EditorID.document.styleSheets[0];
		oSS.addRule("TABLE.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
		oSS.addRule("TABLE","FONT-SIZE: 9pt; ");
		oSS.addRule("TD.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
		oSS.addRule("TD","FONT-SIZE: 9pt; ");
		oSS.addRule("IMG","border: 0");
		oSS.addRule("BODY","font-size: 9pt");
	}
	setFocus();
	EditorID.document.oncontextmenu = new Function('return showContextMenu(EditorID.event);');
	/*if (top == self) {
		top.document.write ("<center><font style=\"font-size:14px;color:#ff0000\"><img src=\"images/alert.gif\"><br><br><strong>没有找到该页！</strong></font></center>");
		alert ("非法的路径或文件名！请核实后再试！");
		top.location.href = "index.htm";
	}*/
}

//执行命令
function format(what,opt) {
	setFocus();
	selectRange ();
	if (opt == "RemoveFormat") {
		what = opt;
		opt = null;
	}
	(opt == null) ? EditorID.document.execCommand(what) : EditorID.document.execCommand(what,"",opt);
	setFocus();
}

////////////////文件
//打开文件
function openfile () {
	var str = showModalDialog ("openfile.html", "", "dialogWidth: 375px; dialogHeight: 110px; center: yes; resizable: no; scroll: no; status: no; help: no;");
	content.value = str;
}
//保存编辑内容
function save () {
	var str;
	if (form.modeedit.value == "design" || form.modeedit.value == "view" ) {
		str = EditorID.document.body.innerHTML;
	} else {
		str = EditorID.document.body.innerText;
	}
	form.body.value = str;
	//alert (form.content.value);
	//return false;
}
//清除所有内容
function clear () {
	if (confirm ("真要清空所有的内容吗？")) {
		var str = "";
		EditorID.document.body.innerHTML = str;
		form.body.value = str;
		EditorID.document.designMode = "On";
	}
	return false;
}
//打印
function printf () {
	EditorID.print ();
	return false;
}
////////////////////////

////////////////////////编辑
function FindReplace () {
	showModelessDialog ('edithtml/findreplace.htm', window, 'dialogWidth: 315px; dialogHeight: 160px; center: yes; resizable: no; scroll: no; status: no;');
}
////////////////////////////

/////////////////////查看
//编辑方式（查看方式）
function ViewFormat (NewMode) {
	var strHtml = "";
	switch (NewMode) {
		case "code" :
			//save (EditorID.document.body.innerHTML);
			strHtml = EditorID.document.body.innerHTML;
			EditorID.document.designMode = "On";

			if (form.modeedit.value == "code"){
				return false;
			}
			if(form.modeedit.value == "view"){
				EditorID.document.open();
				EditorID.document.write(strHtml);
				EditorID.document.close();
			}
			
			EditorID.document.body.innerText = strHtml;
			if (EditorID.document.styleSheets.length == 0){
				EditorID.document.createStyleSheet();
				var oSS = EditorID.document.styleSheets[0];
				oSS.addRule("TABLE.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
				oSS.addRule("TABLE","FONT-SIZE: 9pt; ");
				oSS.addRule("TD.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
				oSS.addRule("TD","FONT-SIZE: 9pt; ");
				oSS.addRule("BODY","font-size: 9pt");
			}
			EditorID.document.oncontextmenu = new Function('return showContextMenu(EditorID.event);');
		break;
		case "design" :
			(form.modeedit.value == "view" || form.modeedit.value == "design") ? strHtml = EditorID.document.body.innerHTML : strHtml = EditorID.document.body.innerText;
			EditorID.document.designMode = "On";
			EditorID.document.open();
			EditorID.document.write(strHtml);
			EditorID.document.close();
			if (EditorID.document.styleSheets.length == 0){
				EditorID.document.createStyleSheet();
				var oSS = EditorID.document.styleSheets[0];
				oSS.addRule("TABLE.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
				oSS.addRule("TABLE","FONT-SIZE: 9pt; ");
				oSS.addRule("TD.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
				oSS.addRule("TD","FONT-SIZE: 9pt; ");
				oSS.addRule("BODY","font-size: 9pt");
			}
			EditorID.document.oncontextmenu = new Function('return showContextMenu(EditorID.event);');
		break;
		case "view" :
			if (form.modeedit.value == "view") return false;
			(form.modeedit.value == "design") ? strHtml = EditorID.document.body.innerHTML : strHtml = EditorID.document.body.innerText;
			EditorID.document.designMode = "Off";
			EditorID.document.open();
			EditorID.document.write(strHtml);
			EditorID.document.close();
			if (EditorID.document.styleSheets.length == 0){
				EditorID.document.createStyleSheet();
				var oSS = EditorID.document.styleSheets[0];
				oSS.addRule("TABLE.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
				oSS.addRule("TABLE","FONT-SIZE: 9pt; ");
				oSS.addRule("TD.ubb","border: 1px solid #A9A9A9;FONT-SIZE: 9pt; ");
				oSS.addRule("TD","FONT-SIZE: 9pt; ");
				oSS.addRule("BODY","font-size: 9pt");
			}
			//save (EditorID.document.body.innerHTML);
		default :
		break;
	}
	form.modeedit.value = NewMode;
}
//判断是哪种模式
function GetMode (mode) {
	var str;
	(form.modeedit.value == mode) ? str = "<strong>√</strong>" : str = "";
	return str;
}
//***辅助线
var borderShown = 0
function ShowBorder (){
	allTables = EditorID.document.body.getElementsByTagName("TABLE");
	for (i=0; i < allTables.length; i++){
		if(!borderShown) {
    		allTables[i].runtimeStyle.borderTop = allTables[i].runtimeStyle.borderLeft = "1px dotted #BFBFBF";
		} else {
    		allTables[i].runtimeStyle.cssText = '';
		}
       
		allRows = allTables[i].rows;
		for(y=0; y < allRows.length; y++){
    		allCells = allRows[y].cells;
    		for(x=0; x < allCells.length; x++)
     			if(!borderShown)
      				allCells[x].runtimeStyle.borderRight = allCells[x].runtimeStyle.borderBottom = "1px dotted #BFBFBF";
     			else
      				allCells[x].runtimeStyle.cssText = '';
   		}
  	}

  	borderShown = borderShown ? 0 : 1;
	form.showborder.value = borderShown;		
  	if(!borderShown)
   		EditorID.document.body.innerHTML = EditorID.document.body.innerHTML;
}
//判断是否是显示辅助线
function GetShowBorder () {
	var str;
	(form.showborder.value == 1) ? str = "<strong>√</strong>" : str = "";
	return str;
}
///////////////////////
////////////////////////插入
//表格
function InsertTable () {
	if (form.modeedit.value != "design") {
		alert ("代码模式和预览模式不能使用编辑命令！");
		return false;
	}
	selectRange ();
	var tablestr = showModalDialog ('edithtml/table.htm', window, 'dialogWidth: 380px; dialogHeight: 180px; center: yes; resizable: no; scroll: no; status: no; help: no');
	if (tablestr != null) {
		tablestr = tablestr.split("*");
		var rows_v = tablestr[0];
		var columns_v = tablestr[2];
		var width_v = tablestr[4];
		var widthtype_v = tablestr[5];
		var border_v = tablestr[6];
		var cellspacing_v = tablestr[3];
		var cellpadding_v = tablestr[1];
		var string = "<table border=\""+border_v+"\" width=\""+width_v+""+widthtype_v+"\" cellspacing=\""+cellspacing_v+"\" cellpadding=\""+cellpadding_v+"\">";
			for (var i=1; i<=rows_v; i++){
				string = string+"<tr>";
				for (var i1=1; i1<=columns_v; i1++){
					string = string+"<td>&nbsp;</td>";
				}
				string = string+"</tr>";
			}
			string = string+"</table>";
		if (RangeType == "Control") {
			edit(0).outerHTML = string;
			//edit.select ();
		} else {
			PasteEditHtml (string);
		}
	}
}
//图片
function InsertImg () {
	if (form.modeedit.value != "design") {
		alert ("代码模式和预览模式不能使用编辑命令！");
		return false;
	} 
	selectRange ();
	var imgstr = showModalDialog ('edithtml/image.htm', window, 'dialogWidth: 350px; dialogHeight: 120px; center: yes; resizable: no; scroll: no; status: no; help: no');
	if (imgstr != null && imgstr != "piclib") {
		var string = "<img src=" + imgstr + ">";
		//format ("InsertImage", imgstr);
		//PasteEditHtml (string);
		if (RangeType == "Control") {
			edit(0).outerHTML = string;
			//edit.select ();
		} else {
			format ("InsertImage", imgstr);
		}
	} else if (imgstr == "piclib") {
		var imgstr = showModalDialog ('edithtml/piclib.htm', window, 'dialogWidth: 650px; dialogHeight: 420px; center: yes; resizable: no; scroll: no; status: no; help: no');
		if (imgstr != null) {
			var string = "<img src=" + imgstr + ">";
			//format ("InsertImage", imgstr);
			//PasteEditHtml (string);
			if (RangeType == "Control") {
				edit(0).outerHTML = string;
			} else {
				format ("InsertImage", imgstr);
			}
12 3 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -