|
|
var gSetColorType = "";
|
|
|
var gIsIE = document.all;
|
|
|
var gIEVer = fGetIEVer();
|
|
|
var gLoaded = false;
|
|
|
var ev = null;
|
|
|
|
|
|
function fGetEv(e){
|
|
|
ev = e;
|
|
|
}
|
|
|
function fGetIEVer(){
|
|
|
var iVerNo = 0;
|
|
|
var sVer = navigator.userAgent;
|
|
|
if(sVer.indexOf("MSIE")>-1){
|
|
|
var sVerNo = sVer.split(";")[1];
|
|
|
sVerNo = sVerNo.replace("MSIE","");
|
|
|
iVerNo = parseFloat(sVerNo);
|
|
|
}
|
|
|
return iVerNo;
|
|
|
}
|
|
|
function fSetEditable(){
|
|
|
var f = window.frames["HtmlEditor"];
|
|
|
f.document.designMode="on";
|
|
|
if(!gIsIE)
|
|
|
f.document.execCommand("useCSS",false, true);
|
|
|
}
|
|
|
function fSetFrmClick(){
|
|
|
var f = window.frames["HtmlEditor"];
|
|
|
f.document.onmousemove = function(){
|
|
|
window.onblur();
|
|
|
}
|
|
|
f.document.onclick = function(){
|
|
|
fHideMenu();
|
|
|
}
|
|
|
}
|
|
|
function fSetHtmlContent(){
|
|
|
var html = oLinkField.value
|
|
|
if (html)
|
|
|
{
|
|
|
var header = "<head><link rel=\"stylesheet\" type=\"text/css\" href=\"editorArea.css\" /></head><body MONOSPACE>" ;
|
|
|
var f = window.frames["HtmlEditor"];
|
|
|
f.document.open();
|
|
|
//f.document.getElementsByTagName("BODY")[0].innerHTML = oLinkField.value;
|
|
|
f.document.write(header + oLinkField.value);
|
|
|
f.document.close();
|
|
|
}
|
|
|
}
|
|
|
function fSetColor(){
|
|
|
var dvForeColor =document.getElementById("dvForeColor");
|
|
|
if(dvForeColor.getElementsByTagName("TABLE").length == 1){
|
|
|
dvForeColor.innerHTML = drawCube() + dvForeColor.innerHTML;
|
|
|
}
|
|
|
}
|
|
|
//var oURL = document.referrer;
|
|
|
var oURL = location.href;
|
|
|
var offset = oURL.lastIndexOf("ID=");
|
|
|
if (offset == -1)
|
|
|
{
|
|
|
alert("请传入调用参数ID，即隐藏的内容表单项ID！");
|
|
|
} else {
|
|
|
offset = offset + 3
|
|
|
}
|
|
|
var sLinkFieldName = oURL.substring(offset)
|
|
|
var oLinkField = parent.document.getElementsByName(sLinkFieldName)[0];
|
|
|
var oForm = oLinkField.form ;
|
|
|
|
|
|
window.onload = function(){
|
|
|
try{
|
|
|
gLoaded = true;
|
|
|
fSetEditable();
|
|
|
fSetFrmClick();
|
|
|
fSetHtmlContent();
|
|
|
setLinkedField()
|
|
|
}catch(e){
|
|
|
// window.location.reload();
|
|
|
}
|
|
|
}
|
|
|
window.onblur =function(){
|
|
|
var dvForeColor =document.getElementById("dvForeColor");
|
|
|
var dvPortrait =document.getElementById("dvPortrait");
|
|
|
dvForeColor.style.display = "none";
|
|
|
dvPortrait.style.display = "none";
|
|
|
if(!gIsIE || 1==1){
|
|
|
fHideMenu();
|
|
|
}
|
|
|
}
|
|
|
window.onerror = function(){return true;};
|
|
|
document.onmousemove = function(e){
|
|
|
if(gIsIE) var el = event.srcElement;
|
|
|
else var el = e.target;
|
|
|
var tdView = document.getElementById("tdView");
|
|
|
var tdColorCode = document.getElementById("tdColorCode");
|
|
|
var dvForeColor =document.getElementById("dvForeColor");
|
|
|
var dvPortrait =document.getElementById("dvPortrait");
|
|
|
var fontsize =document.getElementById("fontsize");
|
|
|
var fontface =document.getElementById("fontface");
|
|
|
// if(el.tagName == "IMG"){
|
|
|
// el.style.borderRight="1px #cccccc solid";
|
|
|
// el.style.borderBottom="1px #cccccc solid";
|
|
|
// }else{
|
|
|
// fSetImgBorder();
|
|
|
// }
|
|
|
if(el.tagName == "IMG"){
|
|
|
try{
|
|
|
if(fCheckIfColorBoard(el)){
|
|
|
tdView.bgColor = el.parentNode.bgColor;
|
|
|
tdColorCode.innerHTML = el.parentNode.bgColor
|
|
|
}
|
|
|
}catch(e){}
|
|
|
}else{
|
|
|
dvForeColor.style.display = "none";
|
|
|
if(!fCheckIfPortraitBoard(el)) dvPortrait.style.display = "none";
|
|
|
if(!fCheckIfFontFace(el)) fontface.style.display = "none";
|
|
|
if(!fCheckIfFontSize(el)) fontsize.style.display = "none";
|
|
|
}
|
|
|
}
|
|
|
document.onclick = function(e){
|
|
|
if(gIsIE) var el = event.srcElement;
|
|
|
else var el = e.target;
|
|
|
var dvForeColor =document.getElementById("dvForeColor");
|
|
|
var dvPortrait =document.getElementById("dvPortrait");
|
|
|
if(el.id == "imgFontface" || el.id == "imgFontsize"){
|
|
|
|
|
|
}else{
|
|
|
fHideMenu();
|
|
|
}
|
|
|
if(el.tagName == "IMG"){
|
|
|
try{
|
|
|
if(fCheckIfColorBoard(el)){
|
|
|
format(gSetColorType, el.parentNode.bgColor);
|
|
|
dvForeColor.style.display = "none";
|
|
|
return;
|
|
|
}
|
|
|
}catch(e){}
|
|
|
try{
|
|
|
if(fCheckIfPortraitBoard(el)){
|
|
|
format("InsertImage", el.src);
|
|
|
dvPortrait.style.display = "none";
|
|
|
return;
|
|
|
}
|
|
|
}catch(e){}
|
|
|
}
|
|
|
}
|
|
|
function format(type, para){
|
|
|
var f = window.frames["HtmlEditor"];
|
|
|
var sAlert = "";
|
|
|
if(!gIsIE){
|
|
|
switch(type){
|
|
|
case "Cut":
|
|
|
sAlert = "你的浏览器安全设置不允许编辑器自动执行剪切操作,请使用键盘快捷键(Ctrl+X)来完成";
|
|
|
break;
|
|
|
case "Copy":
|
|
|
sAlert = "你的浏览器安全设置不允许编辑器自动执行拷贝操作,请使用键盘快捷键(Ctrl+C)来完成";
|
|
|
break;
|
|
|
case "Paste":
|
|
|
sAlert = "你的浏览器安全设置不允许编辑器自动执行粘贴操作,请使用键盘快捷键(Ctrl+V)来完成";
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
if(sAlert != ""){
|
|
|
alert(sAlert);
|
|
|
return;
|
|
|
}
|
|
|
f.focus();
|
|
|
if(!para)
|
|
|
if(gIsIE)
|
|
|
f.document.execCommand(type)
|
|
|
else
|
|
|
f.document.execCommand(type,false,false)
|
|
|
else
|
|
|
f.document.execCommand(type,false,para)
|
|
|
f.focus();
|
|
|
}
|
|
|
function setMode(bStatus){
|
|
|
var sourceEditor = document.getElementById("sourceEditor");
|
|
|
var HtmlEditor = document.getElementById("HtmlEditor");
|
|
|
var divEditor = document.getElementById("divEditor");
|
|
|
var f = window.frames["HtmlEditor"];
|
|
|
var body = f.document.getElementsByTagName("BODY")[0];
|
|
|
if(bStatus){
|
|
|
sourceEditor.style.display = "";
|
|
|
HtmlEditor.style.height = "0px";
|
|
|
divEditor.style.height = "0px";
|
|
|
sourceEditor.value = body.innerHTML;
|
|
|
}else{
|
|
|
sourceEditor.style.display = "none";
|
|
|
if(gIsIE){
|
|
|
HtmlEditor.style.height = "286px";
|
|
|
divEditor.style.height = "286px";
|
|
|
}else{
|
|
|
HtmlEditor.style.height = "283px";
|
|
|
divEditor.style.height = "283px";
|
|
|
}
|
|
|
body.innerHTML = sourceEditor.value;
|
|
|
//fSetEditable();
|
|
|
}
|
|
|
}
|
|
|
function foreColor(e) {
|
|
|
var sColor = fDisplayColorBoard(e);
|
|
|
gSetColorType = "foreColor";
|
|
|
if(gIsIE) format(gSetColorType, sColor);
|
|
|
}
|
|
|
function backColor(e){
|
|
|
var sColor = fDisplayColorBoard(e);
|
|
|
if(gIsIE)
|
|
|
gSetColorType = "backcolor";
|
|
|
else
|
|
|
gSetColorType = "backcolor";
|
|
|
if(gIsIE) format(gSetColorType, sColor);
|
|
|
}
|
|
|
function fDisplayColorBoard(e){
|
|
|
if(gIsIE){
|
|
|
var e = window.event;
|
|
|
}
|
|
|
if(gIEVer<=5.01 && gIsIE){
|
|
|
var arr = showModalDialog("ColorSelect.htm", "", "font-family:Verdana; font-size:12; status:no; dialogWidth:21em; dialogHeight:21em");
|
|
|
if (arr != null) return arr;
|
|
|
return;
|
|
|
}
|
|
|
var dvForeColor =document.getElementById("dvForeColor");
|
|
|
fSetColor();
|
|
|
var iX = e.clientX;
|
|
|
var iY = e.clientY;
|
|
|
dvForeColor.style.display = "";
|
|
|
dvForeColor.style.left = (iX-140) + "px";
|
|
|
dvForeColor.style.top = (iY-10) + "px";
|
|
|
return true;
|
|
|
}
|
|
|
function createLink() {
|
|
|
var sURL=window.prompt("Enter link location (e.g. http://www.163.com/):", "http://");
|
|
|
if ((sURL!=null) && (sURL!="http://")){
|
|
|
format("CreateLink", sURL);
|
|
|
}
|
|
|
}
|
|
|
function createImg() {
|
|
|
//var sPhoto=prompt("请输入图片位置:", "http://");
|
|
|
//if ((sPhoto!=null) && (sPhoto!="http://")){
|
|
|
//format("InsertImage", sPhoto);
|
|
|
//}
|
|
|
window.open("uploadpic.aspx", "newwindow", "height=200, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
|
|
|
|
|
|
|
|
|
}
|
|
|
function addPortrait(e){
|
|
|
if(gIEVer<=5.01 && gIsIE){
|
|
|
var imgurl = showModalDialog("portraitSelect.htm","", "font-family:Verdana; font-size:12; status:no; unadorned:yes; scroll:no; resizable:yes;dialogWidth:40em; dialogHeight:20em");
|
|
|
if (imgurl != null) format("InsertImage", imgurl);
|
|
|
return;
|
|
|
}
|
|
|
var dvPortrait =document.getElementById("dvPortrait");
|
|
|
var tbPortrait = document.getElementById("tbPortrait");
|
|
|
var iX = e.clientX;
|
|
|
var iY = e.clientY;
|
|
|
dvPortrait.style.display = "";
|
|
|
if(window.screen.width == 1024){
|
|
|
dvPortrait.style.left = (iX-380) + "px";
|
|
|
}else{
|
|
|
if(gIsIE)
|
|
|
dvPortrait.style.left = (iX-380) + "px";
|
|
|
else
|
|
|
dvPortrait.style.left = (iX-380) + "px";
|
|
|
}
|
|
|
dvPortrait.style.top = (iY-8) + "px";
|
|
|
dvPortrait.innerHTML = '<table width="100%" border="0" cellpadding="5" cellspacing="1" style="cursor:hand" bgcolor="black" ID="tbPortrait"><tr align="left" bgcolor="#f8f8f8" class="unnamed1" align="center" ID="trContent">'+ drawPortrats() +'</tr> </table>';
|
|
|
}
|
|
|
function fCheckIfColorBoard(obj){
|
|
|
if(obj.parentNode){
|
|
|
if(obj.parentNode.id == "dvForeColor") return true;
|
|
|
else return fCheckIfColorBoard(obj.parentNode);
|
|
|
}else{
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
function fCheckIfPortraitBoard(obj){
|
|
|
if(obj.parentNode){
|
|
|
if(obj.parentNode.id == "dvPortrait") return true;
|
|
|
else return fCheckIfPortraitBoard(obj.parentNode);
|
|
|
}else{
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
function fCheckIfFontFace(obj){
|
|
|
if(obj.parentNode){
|
|
|
if(obj.parentNode.id == "fontface") return true;
|
|
|
else return fCheckIfFontFace(obj.parentNode);
|
|
|
}else{
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
function fCheckIfFontSize(obj){
|
|
|
if(obj.parentNode){
|
|
|
if(obj.parentNode.id == "fontsize") return true;
|
|
|
else return fCheckIfFontSize(obj.parentNode);
|
|
|
}else{
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
function fImgOver(el){
|
|
|
if(el.tagName == "IMG"){
|
|
|
el.style.borderRight="1px #cccccc solid";
|
|
|
el.style.borderBottom="1px #cccccc solid";
|
|
|
}
|
|
|
}
|
|
|
function fImgMoveOut(el){
|
|
|
if(el.tagName == "IMG"){
|
|
|
el.style.borderRight="1px #F3F8FC solid";
|
|
|
el.style.borderBottom="1px #F3F8FC solid";
|
|
|
}
|
|
|
}
|
|
|
String.prototype.trim = function(){
|
|
|
return this.replace(/(^\s*)|(\s*$)/g, "");
|
|
|
}
|
|
|
function fSetBorderMouseOver(obj) {
|
|
|
obj.style.borderRight="1px solid #aaa";
|
|
|
obj.style.borderBottom="1px solid #aaa";
|
|
|
obj.style.borderTop="1px solid #fff";
|
|
|
obj.style.borderLeft="1px solid #fff";
|
|
|
/*var sd = document.getElementsByTagName("div");
|
|
|
for(i=0;i<sd.length;i++) {
|
|
|
sd[i].style.display = "none";
|
|
|
}*/
|
|
|
}
|
|
|
|
|
|
function fSetBorderMouseOut(obj) {
|
|
|
obj.style.border="none";
|
|
|
}
|
|
|
|
|
|
function fSetBorderMouseDown(obj) {
|
|
|
obj.style.borderRight="1px #F3F8FC solid";
|
|
|
obj.style.borderBottom="1px #F3F8FC solid";
|
|
|
obj.style.borderTop="1px #cccccc solid";
|
|
|
obj.style.borderLeft="1px #cccccc solid";
|
|
|
}
|
|
|
|
|
|
function fDisplayElement(element,displayValue) {
|
|
|
if(gIEVer<=5.01 && gIsIE){
|
|
|
if(element == "fontface"){
|
|
|
var sReturnValue = showModalDialog("FontFaceSelect.htm","", "font-family:Verdana; font-size:12; status:no; unadorned:yes; scroll:no; resizable:yes;dialogWidth:112px; dialogHeight:271px");;
|
|
|
format("fontname",sReturnValue);
|
|
|
}else{
|
|
|
var sReturnValue = showModalDialog("FontSizeSelect.htm","", "font-family:Verdana; font-size:12; status:no; unadorned:yes; scroll:no; resizable:yes;dialogWidth:130px; dialogHeight:250px");;
|
|
|
format("fontsize",sReturnValue);
|
|
|
}
|
|
|
return;
|
|
|
}
|
|
|
if(element == "fontface"){
|
|
|
var fontsize = document.getElementById("fontsize");
|
|
|
fontsize.style.display = "none";
|
|
|
}else if(element == "fontsize"){
|
|
|
var fontface = document.getElementById("fontface");
|
|
|
fontface.style.display = "none";
|
|
|
}
|
|
|
if ( typeof element == "string" )
|
|
|
element = document.getElementById(element);
|
|
|
if (element == null) return;
|
|
|
element.style.display = displayValue;
|
|
|
if(gIsIE){
|
|
|
var e = event;
|
|
|
}else{
|
|
|
var e = ev;
|
|
|
}
|
|
|
var iX = e.clientX;
|
|
|
var iY = e.clientY;
|
|
|
element.style.display = "";
|
|
|
element.style.left = (iX-40) + "px";
|
|
|
element.style.top = (iY-10) + "px";
|
|
|
return true;
|
|
|
}
|
|
|
function fSetModeTip(obj){
|
|
|
var x = f_GetX(obj);
|
|
|
var y = f_GetY(obj);
|
|
|
var dvModeTip = document.getElementById("dvModeTip");
|
|
|
if(!dvModeTip){
|
|
|
var dv = document.createElement("DIV");
|
|
|
dv.style.position = "absolute";
|
|
|
dv.style.top = (y+20) + "px";
|
|
|
dv.style.left = (x-40) + "px";
|
|
|
dv.style.zIndex = "999";
|
|
|
dv.style.fontSize = "12px";
|
|
|
dv.id = "dvModeTip";
|
|
|
dv.style.padding = "2 2 0 2px";
|
|
|
dv.style.border = "1px #000000 solid";
|
|
|
dv.style.backgroundColor = "#FFFFCC";
|
|
|
dv.style.height = "12px";
|
|
|
dv.innerHTML = "编辑源码";
|
|
|
document.body.appendChild(dv);
|
|
|
}else{
|
|
|
dvModeTip.style.display = "";
|
|
|
}
|
|
|
}
|
|
|
function fHideTip(){
|
|
|
document.getElementById("dvModeTip").style.display = "none";
|
|
|
}
|
|
|
function f_GetX(e)
|
|
|
{
|
|
|
var l=e.offsetLeft;
|
|
|
while(e=e.offsetParent){
|
|
|
l+=e.offsetLeft;
|
|
|
}
|
|
|
return l;
|
|
|
}
|
|
|
function f_GetY(e)
|
|
|
{
|
|
|
var t=e.offsetTop;
|
|
|
while(e=e.offsetParent){
|
|
|
t+=e.offsetTop;
|
|
|
}
|
|
|
return t;
|
|
|
}
|
|
|
function fHideMenu(){
|
|
|
var fontface = document.getElementById("fontface");
|
|
|
var fontsize = document.getElementById("fontsize");
|
|
|
fontface.style.display = "none";
|
|
|
fontsize.style.display = "none";
|
|
|
}
|
|
|
// 替换特殊字符
|
|
|
function HTMLEncode(text){
|
|
|
text = text.replace(/&/g, "&") ;
|
|
|
text = text.replace(/"/g, """) ;
|
|
|
text = text.replace(/</g, "<") ;
|
|
|
text = text.replace(/>/g, ">") ;
|
|
|
text = text.replace(/'/g, "’") ;
|
|
|
text = text.replace(/\ /g," ");
|
|
|
text = text.replace(/\n/g,"<br>");
|
|
|
text = text.replace(/\t/g," ");
|
|
|
return text;
|
|
|
}
|
|
|
//===============================================
|
|
|
// 单个过滤
|
|
|
// 输入参数：
|
|
|
// s_Content : 要转换的数据字符串
|
|
|
// s_Filter : 要过滤掉的单个格式
|
|
|
//===============================================
|
|
|
function DecodeFilter(html, filter){
|
|
|
switch(filter.toUpperCase()){
|
|
|
case "SCRIPT": // 去除所有客户端脚本javascipt,vbscript,jscript,js,vbs,event,...
|
|
|
html = execRE("</?script[^>]*>", "", html);
|
|
|
html = execRE("(javascript|jscript|vbscript|vbs):", "$1：", html);
|
|
|
html = execRE("on(mouse|exit|error|click|key)", "<I>on$1</I>", html);
|
|
|
html = execRE("&#", "<I>&#</I>", html);
|
|
|
break;
|
|
|
case "TABLE": // 去除表格<table><tr><td><th>
|
|
|
html = execRE("</?table[^>]*>", "", html);
|
|
|
html = execRE("</?tr[^>]*>", "", html);
|
|
|
html = execRE("</?th[^>]*>", "", html);
|
|
|
html = execRE("</?td[^>]*>", "", html);
|
|
|
break;
|
|
|
case "CLASS": // 去除样式类class=""
|
|
|
html = execRE("(<[^>]+) class=[^ |^>]*([^>]*>)", "$1 $2", html) ;
|
|
|
break;
|
|
|
case "STYLE": // 去除样式style=""
|
|
|
html = execRE("(<[^>]+) style=\"[^\"]*\"([^>]*>)", "$1 $2", html);
|
|
|
break;
|
|
|
case "XML": // 去除XML<?xml>
|
|
|
html = execRE("<\\?xml[^>]*>", "", html);
|
|
|
break;
|
|
|
case "NAMESPACE": // 去除命名空间<o:p></o:p>
|
|
|
html = execRE("<\/?[a-z]+:[^>]*>", "", html);
|
|
|
break;
|
|
|
case "FONT": // 去除字体<font></font>
|
|
|
html = execRE("</?font[^>]*>", "", html);
|
|
|
break;
|
|
|
case "MARQUEE": // 去除字幕<marquee></marquee>
|
|
|
html = execRE("</?marquee[^>]*>", "", html);
|
|
|
break;
|
|
|
case "OBJECT": // 去除对象<object><param><embed></object>
|
|
|
html = execRE("</?object[^>]*>", "", html);
|
|
|
html = execRE("</?param[^>]*>", "", html);
|
|
|
html = execRE("</?embed[^>]*>", "", html);
|
|
|
break;
|
|
|
default:
|
|
|
}
|
|
|
return html;
|
|
|
}
|
|
|
|
|
|
// ============================================
|
|
|
// 执行正则表达式替换
|
|
|
// ============================================
|
|
|
function execRE(re, rp, content) {
|
|
|
oReg = new RegExp(re, "ig");
|
|
|
r = content.replace(oReg, rp);
|
|
|
return r;
|
|
|
}
|
|
|
// 设置所属表单的提交或reset事件
|
|
|
function setLinkedField() {
|
|
|
if (! oLinkField) return ;
|
|
|
var oForm = oLinkField.form ;
|
|
|
if (!oForm) return ;
|
|
|
oForm.attachEvent("onsubmit", AttachSubmit);
|
|
|
oForm.attachEvent("onreset", AttachReset);
|
|
|
}
|
|
|
// 提交表单
|
|
|
function AttachSubmit() {
|
|
|
var html = window.frames["HtmlEditor"].document.getElementsByTagName("BODY")[0].innerHTML;
|
|
|
if ( (html.toLowerCase() == "<p> </p>") || (html.toLowerCase() == "<p></p>") ){
|
|
|
html = "";
|
|
|
}
|
|
|
oLinkField.value = html
|
|
|
}
|
|
|
// 附加Reset事件
|
|
|
function AttachReset() {
|
|
|
window.frames["HtmlEditor"].document.getElementsByTagName("BODY")[0].innerHTML = oLinkField.value;
|
|
|
}
|