1206 lines
48 KiB
JavaScript
1206 lines
48 KiB
JavaScript
document.write('<style type="text/css">\n');
|
||
document.write('.btn { width: 22px; height: 22px; border: 1px solid buttonface; margin: 0; padding: 0; }\n');
|
||
document.write('.btnOver { width: 22px; height: 22px; border: 1px outset; }\n');
|
||
document.write('.btnDown { width: 22px; height: 22px; border: 1px inset; background-color: buttonhighlight; }\n');
|
||
document.write('.btnNA { width: 22px; height: 22px; border: 1px solid buttonface; filter: alpha(opacity=25); }\n');
|
||
document.write('.cMenu { background-color: threedface; color: menutext; cursor: Default; font-family: MS Sans Serif; font-size: 8pt; padding: 2 12 2 16; }');
|
||
document.write('.cMenuOver { background-color: highlight; color: highlighttext; cursor: Default; font-family: MS Sans Serif; font-size: 8pt; padding: 2 12 2 16; }');
|
||
document.write('.cMenuDivOuter { background-color: threedface; height: 9 }');
|
||
document.write('.cMenuDivInner { margin: 0 4 0 4; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; }');
|
||
document.write('</style>\n');
|
||
|
||
var userAgent1 = navigator.userAgent.toLowerCase();
|
||
var htmledit_ispaste = false;
|
||
//判断浏览器是否为firefox，且非ie/chrome
|
||
if(/mozilla/.test(userAgent1) && !/(compatible|webkit)/.test(userAgent1))
|
||
{
|
||
HTMLElement.prototype.insertAdjacentHTML = function(where, html)
|
||
{
|
||
var e = this.ownerDocument.createRange();
|
||
e.setStartBefore(this);
|
||
e = e.createContextualFragment(html);
|
||
switch (where){
|
||
case 'beforeBegin' :
|
||
this.parentNode.insertBefore(e, this);
|
||
break;
|
||
case 'afterBegin' :
|
||
this.insertBefore(e, this.firstChild);
|
||
break;
|
||
case 'beforeEnd' :
|
||
this.appendChild(e);
|
||
break;
|
||
case 'afterEnd' :
|
||
if( ! this.nextSibling) this.parentNode.appendChild(e);
|
||
else this.parentNode.insertBefore(e, this.nextSibling);
|
||
break;
|
||
}
|
||
};
|
||
|
||
if(typeof(HTMLElement)!="undefined" && !window.opera){
|
||
HTMLElement.prototype.__defineGetter__("outerHTML",function()
|
||
{
|
||
var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++)
|
||
if(a[i].specified)
|
||
str+=" "+a[i].name+'="'+a[i].value+'"';
|
||
if(!this.canHaveChildren)
|
||
return str+" />";
|
||
return str+">"+this.innerHTML+"</"+this.tagName+">";
|
||
});
|
||
|
||
HTMLElement.prototype.__defineSetter__("outerHTML",function(s)
|
||
{
|
||
var r = this.ownerDocument.createRange();
|
||
r.setStartBefore(this);
|
||
var df = r.createContextualFragment(s);
|
||
this.parentNode.replaceChild(df, this);
|
||
return s;
|
||
});
|
||
|
||
HTMLElement.prototype.__defineGetter__("canHaveChildren",function()
|
||
{
|
||
return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase());
|
||
});
|
||
}
|
||
}
|
||
|
||
//判断浏览器是否为firefox，且可为firefox/chrome (compatible 为ie)
|
||
if(/mozilla/.test(userAgent1) && /(firefox|webkit)/.test(userAgent1))
|
||
{
|
||
/* 会导致FF和chrome下出错，暂屏蔽
|
||
Object.prototype.attachEvent=function(method,func)
|
||
{
|
||
if(!this[method])
|
||
this[method]=func;
|
||
else
|
||
this[method]=this[method].attach(func);
|
||
};
|
||
|
||
Function.prototype.attach=function(func){
|
||
var f=this;
|
||
return function(){
|
||
f();
|
||
func();
|
||
};
|
||
};*/
|
||
}
|
||
function CleanWord( html, bIgnoreFont, bRemoveStyles ){
|
||
//html = clipboardData.getData("Text");
|
||
//return html;
|
||
|
||
//var html = oNode.innerHTML ;
|
||
if(bIgnoreFont==undefined)bIgnoreFont=true;
|
||
if(bRemoveStyles==undefined)bRemoveStyles=true;
|
||
|
||
html = html.replace(/<o:p>\s*<\/o:p>/g, '') ;
|
||
html = html.replace(/<o:p>[\s\S]*?<\/o:p>/g, ' ') ;
|
||
|
||
// Remove mso-xxx styles.
|
||
html = html.replace( /\s*mso-[^:]+:[^;"]+;?/gi, '' ) ;
|
||
|
||
// Remove margin styles.
|
||
html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*;/gi, '' ) ;
|
||
html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*"/gi, "\"" ) ;
|
||
|
||
html = html.replace( /\s*TEXT-INDENT: 0cm\s*;/gi, '' ) ;
|
||
html = html.replace( /\s*TEXT-INDENT: 0cm\s*"/gi, "\"" ) ;
|
||
|
||
html = html.replace( /\s*TEXT-ALIGN: [^\s;]+;?"/gi, "\"" ) ;
|
||
|
||
html = html.replace( /\s*PAGE-BREAK-BEFORE: [^\s;]+;?"/gi, "\"" ) ;
|
||
|
||
html = html.replace( /\s*FONT-VARIANT: [^\s;]+;?"/gi, "\"" ) ;
|
||
|
||
html = html.replace( /\s*tab-stops:[^;"]*;?/gi, '' ) ;
|
||
html = html.replace( /\s*tab-stops:[^"]*/gi, '' ) ;
|
||
|
||
// Remove FONT face attributes.
|
||
if ( bIgnoreFont ) {
|
||
html = html.replace( /\s*face="[^"]*"/gi, '' ) ;
|
||
html = html.replace( /\s*face=[^ >]*/gi, '' ) ;
|
||
|
||
html = html.replace( /\s*FONT-FAMILY:[^;"]*;?/gi, '' ) ;
|
||
}
|
||
|
||
// Remove Class attributes
|
||
html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
|
||
|
||
// Remove styles.
|
||
if ( bRemoveStyles )
|
||
html = html.replace( /<(\w[^>]*) style="([^\"]*)"([^>]*)/gi, "<$1$3" ) ;
|
||
|
||
// Remove style, meta and link tags
|
||
html = html.replace( /<STYLE[^>]*>[\s\S]*?<\/STYLE[^>]*>/gi, '' ) ;
|
||
html = html.replace( /<(?:META|LINK)[^>]*>\s*/gi, '' ) ;
|
||
|
||
// Remove empty styles.
|
||
html = html.replace( /\s*style="\s*"/gi, '' ) ;
|
||
|
||
html = html.replace( /<SPAN\s*[^>]*>\s* \s*<\/SPAN>/gi, ' ' ) ;
|
||
|
||
html = html.replace( /<SPAN\s*[^>]*><\/SPAN>/gi, '' ) ;
|
||
|
||
// Remove Lang attributes
|
||
html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;
|
||
|
||
html = html.replace( /<SPAN\s*>([\s\S]*?)<\/SPAN>/gi, '$1' ) ;
|
||
|
||
html = html.replace( /<FONT\s*>([\s\S]*?)<\/FONT>/gi, '$1' ) ;
|
||
|
||
// Remove XML elements and declarations
|
||
html = html.replace(/<\\?\?xml[^>]*>/gi, '' ) ;
|
||
|
||
// Remove w: tags with contents.
|
||
html = html.replace( /<w:[^>]*>[\s\S]*?<\/w:[^>]*>/gi, '' ) ;
|
||
|
||
// Remove Tags with XML namespace declarations: <o:p><\/o:p>
|
||
html = html.replace(/<\/?\w+:[^>]*>/gi, '' ) ;
|
||
|
||
// Remove comments [SF BUG-1481861].
|
||
html = html.replace(/<\!--[\s\S]*?-->/g, '' ) ;
|
||
|
||
html = html.replace( /<(U|I|STRIKE)> <\/\1>/g, ' ' ) ;
|
||
|
||
html = html.replace( /<H\d>\s*<\/H\d>/gi, '' ) ;
|
||
|
||
// Remove "display:none" tags.
|
||
html = html.replace( /<(\w+)[^>]*\sstyle="[^"]*DISPLAY\s?:\s?none[\s\S]*?<\/\1>/ig, '' ) ;
|
||
|
||
// Remove language tags
|
||
html = html.replace( /<(\w[^>]*) language=([^ |>]*)([^>]*)/gi, "<$1$3") ;
|
||
|
||
// Remove onmouseover and onmouseout events (from MS Word comments effect)
|
||
html = html.replace( /<(\w[^>]*) onmouseover="([^\"]*)"([^>]*)/gi, "<$1$3") ;
|
||
html = html.replace( /<(\w[^>]*) onmouseout="([^\"]*)"([^>]*)/gi, "<$1$3") ;
|
||
|
||
if ( false ) {
|
||
// The original <Hn> tag send from Word is something like this: <Hn style="margin-top:0px;margin-bottom:0px">
|
||
html = html.replace( /<H(\d)([^>]*)>/gi, '<h$1>' ) ;
|
||
|
||
// Word likes to insert extra <font> tags, when using MSIE. (Wierd).
|
||
html = html.replace( /<(H\d)><FONT[^>]*>([\s\S]*?)<\/FONT><\/\1>/gi, '<$1>$2<\/$1>' );
|
||
html = html.replace( /<(H\d)><EM>([\s\S]*?)<\/EM><\/\1>/gi, '<$1>$2<\/$1>' );
|
||
} else {
|
||
html = html.replace( /<H1([^>]*)>/gi, '<div$1><b><font size="6">' ) ;
|
||
html = html.replace( /<H2([^>]*)>/gi, '<div$1><b><font size="5">' ) ;
|
||
html = html.replace( /<H3([^>]*)>/gi, '<div$1><b><font size="4">' ) ;
|
||
html = html.replace( /<H4([^>]*)>/gi, '<div$1><b><font size="3">' ) ;
|
||
html = html.replace( /<H5([^>]*)>/gi, '<div$1><b><font size="2">' ) ;
|
||
html = html.replace( /<H6([^>]*)>/gi, '<div$1><b><font size="1">' ) ;
|
||
|
||
html = html.replace( /<\/H\d>/gi, '<\/font><\/b><\/div>' ) ;
|
||
|
||
// Transform <P> to <DIV>
|
||
var re = new RegExp( '(<P)([^>]*>[\\s\\S]*?)(<\/P>)', 'gi' ) ; // Different because of a IE 5.0 error
|
||
html = html.replace( re, '<div$2<\/div>' ) ;
|
||
|
||
// Remove empty tags (three times, just to be sure).
|
||
// This also removes any empty anchor
|
||
html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
|
||
html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
|
||
html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
|
||
}
|
||
|
||
return html ;
|
||
}
|
||
|
||
function editor_defaultConfig(objname) {
|
||
|
||
this.version = "1.02";
|
||
|
||
this.width = "auto";
|
||
this.height = "auto";
|
||
this.bodyStyle = 'background-color: #FFFFFF; font-family: "宋体"; font-size: x-small;';
|
||
this.imgURL = _editor_url + 'images/';
|
||
this.debug = 0;
|
||
|
||
this.replaceNextlines = 0; // replace nextlines from spaces (on output)
|
||
this.plaintextInput = 0; // replace nextlines with breaks (on input)
|
||
|
||
this.toolbar = [
|
||
['fontname'],
|
||
['fontsize'],
|
||
// ['fontstyle'],
|
||
// ['linebreak'],
|
||
['bold','italic','underline','separator','insertimage'],
|
||
// ['strikethrough','subscript','superscript','separator'],
|
||
['justifyleft','justifycenter','justifyright','separator'],
|
||
// ['OrderedList','UnOrderedList','Outdent','Indent','separator'],
|
||
['forecolor','backcolor','separator'],
|
||
// ['HorizontalRule','Createlink','InsertImage','InsertTable','htmlmode','separator'],
|
||
// ['InsertImage','separator'],
|
||
// ['custom1','custom2','custom3','separator'],
|
||
// ['popupeditor'],
|
||
['about']
|
||
];
|
||
|
||
this.fontnames = {
|
||
"宋体": "宋体,sans-serif, arial, helvetica",
|
||
"黑体": "黑体,sans-serif, arial, helvetica",
|
||
"楷体_GB2312": "楷体_GB2312, sans-serif, arial, helvetica",
|
||
"Arial": "arial, helvetica, sans-serif",
|
||
"Courier New": "courier new, courier, mono",
|
||
"Georgia": "Georgia, Times New Roman, Times, Serif",
|
||
"Tahoma": "Tahoma, Arial, Helvetica, sans-serif",
|
||
"Times New Roman": "times new roman, times, serif",
|
||
"Verdana": "Verdana, Arial, Helvetica, sans-serif",
|
||
"impact": "impact",
|
||
"WingDings": "WingDings"
|
||
};
|
||
|
||
this.fontsizes = {
|
||
"1 (8 pt)": "1",
|
||
"2 (10 pt)": "2",
|
||
"3 (12 pt)": "3",
|
||
"4 (14 pt)": "4",
|
||
"5 (18 pt)": "5",
|
||
"6 (24 pt)": "6",
|
||
"7 (36 pt)": "7"
|
||
};
|
||
|
||
//this.stylesheet = "http://www.???.com/sample.css"; // full URL to stylesheet
|
||
|
||
this.fontstyles = [ // make sure these exist in the header of page the content is being display as well in or they won't work!
|
||
// { name: "headline", className: "headline", classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
|
||
// { name: "arial red", className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
|
||
// { name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" },
|
||
];
|
||
|
||
this.btnList = {
|
||
// buttonName: commandID, title, onclick, image,
|
||
"bold": ['Bold', '加粗', 'editor_action(this.id)', 'ed_format_bold.gif'],
|
||
"italic": ['Italic', '倾斜', 'editor_action(this.id)', 'ed_format_italic.gif'],
|
||
"underline": ['Underline', '下划线', 'editor_action(this.id)', 'ed_format_underline.gif'],
|
||
"strikethrough": ['StrikeThrough', 'Strikethrough', 'editor_action(this.id)', 'ed_format_strike.gif'],
|
||
"subscript": ['SubScript', 'Subscript', 'editor_action(this.id)', 'ed_format_sub.gif'],
|
||
"superscript": ['SuperScript', 'Superscript', 'editor_action(this.id)', 'ed_format_sup.gif'],
|
||
"justifyleft": ['JustifyLeft', 'Justify Left', 'editor_action(this.id)', 'ed_align_left.gif'],
|
||
"justifycenter": ['JustifyCenter', 'Justify Center', 'editor_action(this.id)', 'ed_align_center.gif'],
|
||
"justifyright": ['JustifyRight', 'Justify Right', 'editor_action(this.id)', 'ed_align_right.gif'],
|
||
"orderedlist": ['InsertOrderedList', 'Ordered List', 'editor_action(this.id)', 'ed_list_num.gif'],
|
||
"unorderedlist": ['InsertUnorderedList', 'Bulleted List', 'editor_action(this.id)', 'ed_list_bullet.gif'],
|
||
"outdent": ['Outdent', 'Decrease Indent', 'editor_action(this.id)', 'ed_indent_less.gif'],
|
||
"indent": ['Indent', 'Increase Indent', 'editor_action(this.id)', 'ed_indent_more.gif'],
|
||
"forecolor": ['ForeColor', '字体颜色', 'editor_action(this.id)', 'ed_color_fg.gif'],
|
||
"backcolor": ['BackColor', '背景颜色', 'editor_action(this.id)', 'ed_color_bg.gif'],
|
||
"horizontalrule": ['InsertHorizontalRule', 'Horizontal Rule', 'editor_action(this.id)', 'ed_hr.gif'],
|
||
"createlink": ['CreateLink', 'Insert Web Link', 'editor_action(this.id)', 'ed_link.gif'],
|
||
"insertimage": ['InsertImage', '插入图片', 'editor_action(this.id)', 'ed_image.gif'],
|
||
"inserttable": ['InsertTable', 'Insert Table', 'editor_action(this.id)', 'insert_table.gif'],
|
||
"htmlmode": ['HtmlMode', 'View HTML Source', 'editor_setmode(\''+objname+'\')', 'ed_html.gif'],
|
||
"popupeditor": ['popupeditor', '放大编辑', 'editor_action(this.id)', 'fullscreen_maximize.gif'],
|
||
"about": ['about', '帮助', 'editor_about(\''+objname+'\')', 'ed_about.gif'],
|
||
|
||
// Add custom buttons here:
|
||
"custom1": ['custom1', 'Purpose of button 1', 'editor_action(this.id)', 'ed_custom.gif'],
|
||
"custom2": ['custom2', 'Purpose of button 2', 'editor_action(this.id)', 'ed_custom.gif'],
|
||
"custom3": ['custom3', 'Purpose of button 3', 'editor_action(this.id)', 'ed_custom.gif'],
|
||
// end: custom buttons
|
||
|
||
"help": ['showhelp', 'Help using editor', 'editor_action(this.id)', 'ed_help.gif']};
|
||
|
||
|
||
}
|
||
|
||
function editor_generate(objname,userConfig) {
|
||
|
||
// Default Settings
|
||
//begin 关于格式化调查报告提示保存与自动保存
|
||
bEditHtml = true;
|
||
bEditHtmlChange = false;
|
||
//end
|
||
var config = new editor_defaultConfig(objname);
|
||
var obj = document.getElementsByName(objname)[0];
|
||
if (userConfig) {
|
||
for (var thisName in userConfig) {
|
||
if (userConfig[thisName]) { config[thisName] = userConfig[thisName]; }
|
||
}
|
||
}
|
||
//modify in 2011 for chrome
|
||
//document.all[objname].config = config; // store config settings
|
||
//$("#"+objname).attr("config",JSON.stringify(config)); // store config settings
|
||
obj.setAttribute("config",JSON.stringify(config));
|
||
|
||
// set size to specified size or size of original object
|
||
if (!config.width || config.width == "auto") {
|
||
if (obj.style.width) { config.width = obj.style.width; } // use css style
|
||
else if (obj.cols) { config.width = (obj.cols * 8) + 22; } // col width + toolbar
|
||
else { config.width = '100%'; } // default
|
||
}
|
||
if (!config.height || config.height == "auto") {
|
||
if (obj.style.height) { config.height = obj.style.height; } // use css style
|
||
else if (obj.rows) { config.height = obj.rows * 17; } // row height
|
||
else { config.height = '200'; } // default
|
||
}
|
||
|
||
var tblOpen = '<table border=0 cellspacing=0 cellpadding=0 style="float: left;" unselectable="on"><tr><td style="border: none; padding: 1 0 0 0"><nobr>';
|
||
var tblClose = '</nobr></td></tr></table>\n';
|
||
|
||
// build button toolbar
|
||
|
||
var toolbar = '';
|
||
var btnGroup, btnItem, aboutEditor;
|
||
//for (var btnGroup in config.toolbar) {
|
||
for (var iBtnGroup = 0; iBtnGroup < config.toolbar.length; iBtnGroup++ ) {
|
||
|
||
// linebreak
|
||
if (config.toolbar[iBtnGroup].length == 1 &&
|
||
config.toolbar[iBtnGroup][0].toLowerCase() == "linebreak") {
|
||
toolbar += '<br clear="all">';
|
||
continue;
|
||
}
|
||
|
||
toolbar += tblOpen;
|
||
//for (var btnItem in config.toolbar[btnGroup]) {
|
||
// var btnName = config.toolbar[btnGroup][btnItem].toLowerCase();
|
||
for (var iBtnItem = 0 ; iBtnItem < config.toolbar[iBtnGroup].length ; iBtnItem++ ) {
|
||
var btnName = config.toolbar[iBtnGroup][iBtnItem].toLowerCase();
|
||
|
||
// fontname
|
||
if (btnName == "fontname") {
|
||
toolbar += '<select id="_' +objname+ '_FontName" onChange="editor_action(this.id)" unselectable="on" style="margin: 1 2 0 2; font-size: 12px;">';
|
||
for (var fontname in config.fontnames) {
|
||
toolbar += '<option value="' +config.fontnames[fontname]+ '">' +fontname+ '</option>';
|
||
}
|
||
toolbar += '</select>';
|
||
continue;
|
||
}
|
||
|
||
// fontsize
|
||
if (btnName == "fontsize") {
|
||
toolbar += '<select id="_' +objname+ '_FontSize" onChange="editor_action(this.id)" unselectable="on" style="margin: 1 2 0 0; font-size: 12px;">';
|
||
for (var fontsize in config.fontsizes) {
|
||
toolbar += '<option value="' +config.fontsizes[fontsize]+ '">' +fontsize+ '</option>';
|
||
}
|
||
toolbar += '</select>\n';
|
||
continue;
|
||
}
|
||
|
||
// font style
|
||
if (btnName == "fontstyle") {
|
||
toolbar += '<select id="_' +objname+ '_FontStyle" onChange="editor_action(this.id)" unselectable="on" style="margin: 1 2 0 0; font-size: 12px;">';
|
||
+ '<option value="">Font Style</option>';
|
||
for (var i in config.fontstyles) {
|
||
var fontstyle = config.fontstyles[i];
|
||
toolbar += '<option value="' +fontstyle.className+ '">' +fontstyle.name+ '</option>';
|
||
}
|
||
toolbar += '</select>';
|
||
continue;
|
||
}
|
||
|
||
// separator
|
||
if (btnName == "separator") {
|
||
toolbar += '<span style="border: 1px inset; width: 1px; font-size: 16px; height: 16px; margin: 0 3 0 3"></span>';
|
||
continue;
|
||
}
|
||
|
||
// buttons
|
||
var btnObj = config.btnList[btnName];
|
||
if (btnName == 'linebreak') { alert("htmlArea error: 'linebreak' must be in a subgroup by itself, not with other buttons.\n\nhtmlArea wysiwyg editor not created."); return; }
|
||
if (!btnObj) { alert("htmlArea error: button '" +btnName+ "' not found in button list when creating the wysiwyg editor for '"+objname+"'.\nPlease make sure you entered the button name correctly.\n\nhtmlArea wysiwyg editor not created."); return; }
|
||
var btnCmdID = btnObj[0];
|
||
var btnTitle = btnObj[1];
|
||
var btnOnClick = btnObj[2];
|
||
var btnImage = btnObj[3];
|
||
toolbar += '<button title="' +btnTitle+ '" id="_' +objname+ '_' +btnCmdID+ '" class="btn" onClick="' +btnOnClick+ '" onmouseover="if(this.className==\'btn\'){this.className=\'btnOver\'}" onmouseout="if(this.className==\'btnOver\'){this.className=\'btn\'}" unselectable="on"><img src="' +config.imgURL + btnImage+ '" border=0 unselectable="on"></button>';
|
||
} // end of button sub-group
|
||
toolbar += tblClose;
|
||
} // end of entire button set
|
||
|
||
// build editor
|
||
|
||
var editor = '<span id="_editor_toolbar"><table border=0 cellspacing=0 cellpadding=0 bgcolor="buttonface" style="padding: 1 0 0 2;background:buttonface;" width=' + config.width + ' unselectable="on"><tr><td>\n'
|
||
+ toolbar
|
||
+ '</td></tr></table>\n'
|
||
+ '</td></tr></table></span>\n'
|
||
+ '<textarea ID="_' +objname + '_editor" style="width:' +config.width+ '; height:' +config.height+ '; margin-top: -1px; margin-bottom: -1px;" wrap=soft></textarea>';
|
||
|
||
// add context menu
|
||
editor += '<div id="_' +objname + '_cMenu" style="position: absolute; visibility: hidden;"></div>';
|
||
|
||
// hide original textarea and insert htmlarea after it
|
||
if (!config.debug) { obj.style.display = "none"; }
|
||
|
||
if (config.plaintextInput) { // replace nextlines with breaks
|
||
var contents = obj.value;
|
||
contents = contents.replace(/\r\n/g, '<br>');
|
||
contents = contents.replace(/\n/g, '<br>');
|
||
contents = contents.replace(/\r/g, '<br>');
|
||
obj.value = contents;
|
||
}
|
||
|
||
// insert wysiwyg
|
||
obj.insertAdjacentHTML('afterEnd', editor);
|
||
|
||
// convert htmlarea from textarea to wysiwyg editor
|
||
editor_setmode(objname, 'init');
|
||
|
||
// call filterOutput when user submits form
|
||
for (var idx=0; idx < document.forms.length; idx++) {
|
||
var r = document.forms[idx].attachEvent('onsubmit', function() { editor_filterOutput(objname); });
|
||
|
||
//modify in 2011 for chrome
|
||
//if (!r) { alert("Error attaching event to form!"); }
|
||
}
|
||
return true;
|
||
|
||
}
|
||
|
||
var myObjName = ""; //add by hxd in 2005/02/21
|
||
function editor_action(button_id) {
|
||
|
||
// split up button name into "editorID" and "cmdID"
|
||
var BtnParts = Array();
|
||
BtnParts = button_id.split("_");
|
||
var objname = button_id.replace(/^_(.*)_[^_]*$/, '$1');
|
||
var cmdID = BtnParts[ BtnParts.length-1 ];
|
||
var button_obj = document.all[button_id];
|
||
var editor_obj = document.all["_" +objname + "_editor"];
|
||
//modify in 2011 for chrome
|
||
//var config = document.all[objname].config;
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
// help popup
|
||
if (cmdID == 'showhelp') {
|
||
window.open(_editor_url + "popups/editor_help.html", 'EditorHelp');
|
||
return;
|
||
}
|
||
|
||
// popup editor
|
||
if (cmdID == 'popupeditor') {
|
||
//modify by hxd in 2005/02/21
|
||
//window.open(_editor_url + "popups/fullscreen.html?"+objname,'FullScreen',
|
||
// 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=640,height=480');
|
||
myObjName = objname;
|
||
var sScreenWidth = screen.availWidth;
|
||
var sScreenHeight = screen.availHeight;
|
||
var sDefaultModelessDialogStyle = "dialogLeft="+(sScreenWidth*0.2)+";dialogWidth="+(sScreenWidth*0.6)+"px;dialogHeight="+(sScreenHeight*3/4)+"px;resizable=yes;status:no;maximize:yes;help:no;";
|
||
window.showModalDialog(_editor_url + "popups/fullscreen.html?"+objname,window.self,sDefaultModelessDialogStyle);
|
||
return;
|
||
}
|
||
|
||
// check editor mode (don't perform actions in textedit mode)
|
||
if (editor_obj.tagName.toLowerCase() == 'textarea') { return; }
|
||
|
||
var editdoc = editor_obj.contentWindow.document;
|
||
editor_focus(editor_obj);
|
||
|
||
// get index and value for pulldowns
|
||
var idx = button_obj.selectedIndex;
|
||
var val = (idx != null) ? button_obj[ idx ].value : null;
|
||
|
||
if (0) {} // use else if for easy cutting and pasting
|
||
|
||
//
|
||
// CUSTOM BUTTONS START HERE
|
||
//
|
||
|
||
// Custom1
|
||
else if (cmdID == 'custom1') {
|
||
alert("Hello, I am custom button 1!");
|
||
}
|
||
|
||
// Custom2
|
||
else if (cmdID == 'custom2') { // insert some text from a popup window
|
||
var myTitle = "This is a custom title";
|
||
var myText = showModalDialog(_editor_url + "popups/custom2.html",
|
||
myTitle, // str or obj specified here can be read from dialog as "window.dialogArguments"
|
||
"resizable: yes; help: no; status: no; scroll: no; ");
|
||
if (myText) { editor_insertHTML(objname, myText); }
|
||
}
|
||
|
||
// Custom3
|
||
else if (cmdID == 'custom3') { // insert some text
|
||
editor_insertHTML(objname, "It's easy to add buttons that insert text!");
|
||
}
|
||
|
||
//
|
||
// END OF CUSTOM BUTTONS
|
||
//
|
||
|
||
// FontName
|
||
else if (cmdID == 'FontName' && val) {
|
||
editdoc.execCommand(cmdID,0,val);
|
||
}
|
||
|
||
// FontSize
|
||
else if (cmdID == 'FontSize' && val) {
|
||
editdoc.execCommand(cmdID,0,val);
|
||
}
|
||
|
||
// FontStyle (change CSS className)
|
||
else if (cmdID == 'FontStyle' && val) {
|
||
editdoc.execCommand('RemoveFormat');
|
||
editdoc.execCommand('FontName',0,'636c6173734e616d6520706c616365686f6c646572');
|
||
var fontArray = editdoc.all.tags("FONT");
|
||
for (i=0; i<fontArray.length; i++) {
|
||
if (fontArray[i].face == '636c6173734e616d6520706c616365686f6c646572') {
|
||
fontArray[i].face = "";
|
||
fontArray[i].className = val;
|
||
fontArray[i].outerHTML = fontArray[i].outerHTML.replace(/face=['"]+/, "");
|
||
}
|
||
}
|
||
button_obj.selectedIndex =0;
|
||
}
|
||
|
||
// fgColor and bgColor
|
||
else if (cmdID == 'ForeColor' || cmdID == 'BackColor') {
|
||
var oldcolor = _dec_to_rgb(editdoc.queryCommandValue(cmdID));
|
||
var newcolor = showModalDialog(_editor_url + "popups/select_color.html", oldcolor, "resizable: no; help: no; status: no; scroll: no;");
|
||
if (newcolor != null) { editdoc.execCommand(cmdID, false, "#"+newcolor); }
|
||
}
|
||
|
||
else {
|
||
// subscript & superscript, disable one before enabling the other
|
||
if (cmdID.toLowerCase() == 'subscript' && editdoc.queryCommandState('superscript')) { editdoc.execCommand('superscript'); }
|
||
if (cmdID.toLowerCase() == 'superscript' && editdoc.queryCommandState('subscript')) { editdoc.execCommand('subscript'); }
|
||
|
||
// insert link
|
||
if (cmdID.toLowerCase() == 'createlink'){
|
||
editdoc.execCommand(cmdID,1);
|
||
}
|
||
|
||
// insert image
|
||
else if (cmdID.toLowerCase() == 'insertimage'){
|
||
editdoc.sWebRootPath = sWebRootPath; //add in 2005/04/11
|
||
showModalDialog(_editor_url + "popups/insert_image.jsp?CompClientID=" + sCompClientID, editdoc, "resizable: no; help: no; status: no; scroll: no; ");
|
||
}
|
||
|
||
// insert table
|
||
else if (cmdID.toLowerCase() == 'inserttable'){
|
||
showModalDialog(_editor_url + "popups/insert_table.html?"+objname,
|
||
window,
|
||
"resizable: yes; help: no; status: no; scroll: no; ");
|
||
}
|
||
|
||
else { editdoc.execCommand(cmdID); }
|
||
}
|
||
|
||
editor_event(objname);
|
||
}
|
||
|
||
function editor_event(objname,runDelay) {
|
||
//modify in 2011 for chrome
|
||
//var config = document.all[objname].config;
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
var editor_obj = document.all["_" +objname+ "_editor"]; // html editor object
|
||
if (runDelay == null) { runDelay = 0; }
|
||
var editdoc;
|
||
var editEvent = editor_obj.contentWindow ? editor_obj.contentWindow.event : event;
|
||
|
||
// catch keypress events
|
||
if (editEvent && editEvent.keyCode) {
|
||
var ord = editEvent.keyCode; // ascii order of key pressed
|
||
var ctrlKey = editEvent.ctrlKey;
|
||
var altKey = editEvent.altKey;
|
||
var shiftKey = editEvent.shiftKey;
|
||
|
||
if (ord == 16) { return; } // ignore shift key by itself
|
||
if (ord == 17) { return; } // ignore ctrl key by itself
|
||
if (ord == 18) { return; } // ignore alt key by itself
|
||
if(ord != 0) bEditHtmlChange = true;
|
||
|
||
// cancel ENTER key and insert <BR> instead
|
||
// if (ord == 13 && editEvent.type == 'keypress') {
|
||
// editEvent.returnValue = false;
|
||
// editor_insertHTML(objname, "<br>");
|
||
// return;
|
||
// }
|
||
|
||
if (ctrlKey && (ord == 122 || ord == 90)) { // catch ctrl-z (UNDO)
|
||
// TODO: Add our own undo/redo functionality
|
||
// editEvent.cancelBubble = true;
|
||
return;
|
||
}
|
||
if ((ctrlKey && (ord == 121 || ord == 89)) ||
|
||
ctrlKey && shiftKey && (ord == 122 || ord == 90)) { // catch ctrl-y, ctrl-shift-z (REDO)
|
||
// TODO: Add our own undo/redo functionality
|
||
return;
|
||
}
|
||
}
|
||
|
||
// setup timer for delayed updates (some events take time to complete)
|
||
if (runDelay > 0) { return setTimeout(function(){ editor_event(objname); }, runDelay); }
|
||
|
||
// don't execute more than 3 times a second (eg: too soon after last execution)
|
||
if (this.tooSoon == 1 && runDelay >= 0) {
|
||
this.queue = 1;
|
||
if(htmledit_ispaste){
|
||
editor_setHTML(objname,CleanWord(editor_getHTML(objname)));
|
||
htmledit_ispaste = false;
|
||
}
|
||
return;
|
||
} // queue all but urgent events
|
||
this.tooSoon = 1;
|
||
setTimeout(function(){
|
||
this.tooSoon = 0;
|
||
if (this.queue) { editor_event(objname,-1); };
|
||
this.queue = 0;
|
||
}, 333); // 1/3 second
|
||
|
||
|
||
editor_updateOutput(objname);
|
||
editor_updateToolbar(objname);
|
||
|
||
}
|
||
|
||
function editor_updateToolbar(objname,action) {
|
||
//modify in 2011 for chrome
|
||
//var config = document.all[objname].config;
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
var editor_obj = document.all["_" +objname+ "_editor"];
|
||
|
||
// disable or enable toolbar
|
||
|
||
if (action == "enable" || action == "disable") {
|
||
var tbItems = new Array('FontName','FontSize','FontStyle'); // add pulldowns
|
||
//modify in 2011 for chrome
|
||
for (var btnName in config.btnList) { if(btnName!=undefined) tbItems.push(config.btnList[btnName][0]); } // add buttons
|
||
//for (var iBtn = 0; iBtn < config.btnList.length; iBtn++ ) { tbItems.push(config.btnList[iBtn][0]); } // add buttons
|
||
|
||
//for (var idxN in tbItems) {
|
||
for (var idxN = 0; idxN < tbItems.length; idxN++ ) {
|
||
if(tbItems[idxN]==undefined) continue; //add in 2011
|
||
var cmdID = tbItems[idxN].toLowerCase();
|
||
var tbObj = document.all["_" +objname+ "_" +tbItems[idxN]];
|
||
if (cmdID == "htmlmode" || cmdID == "about" || cmdID == "showhelp" || cmdID == "popupeditor") { continue; } // don't change these buttons
|
||
if (tbObj == null) { continue; }
|
||
var isBtn = (tbObj.tagName.toLowerCase() == "button") ? true : false;
|
||
|
||
if (action == "enable") { tbObj.disabled = false; if (isBtn) { tbObj.className = 'btn'; }}
|
||
if (action == "disable") { tbObj.disabled = true; if (isBtn) { tbObj.className = 'btnNA'; }}
|
||
}
|
||
return;
|
||
}
|
||
|
||
// update toolbar state
|
||
|
||
if (editor_obj.tagName.toLowerCase() == 'textarea') { return; } // don't update state in textedit mode
|
||
var editdoc = editor_obj.contentWindow.document;
|
||
|
||
// Set FontName pulldown
|
||
var fontname_obj = document.all["_" +objname+ "_FontName"];
|
||
if (fontname_obj) {
|
||
var fontname = editdoc.queryCommandValue('FontName');
|
||
if (fontname == null) { fontname_obj.value = null; }
|
||
else {
|
||
var found = 0;
|
||
for (i=0; i<fontname_obj.length; i++) {
|
||
if (fontname.toLowerCase() == fontname_obj[i].text.toLowerCase()) {
|
||
fontname_obj.selectedIndex = i;
|
||
found = 1;
|
||
}
|
||
}
|
||
if (found != 1) { fontname_obj.value = null; } // for fonts not in list
|
||
}
|
||
}
|
||
|
||
// Set FontSize pulldown
|
||
var fontsize_obj = document.all["_" +objname+ "_FontSize"];
|
||
if (fontsize_obj) {
|
||
var fontsize = editdoc.queryCommandValue('FontSize');
|
||
if (fontsize == null) { fontsize_obj.value = null; }
|
||
else {
|
||
var found = 0;
|
||
for (i=0; i<fontsize_obj.length; i++) {
|
||
if (fontsize == fontsize_obj[i].value) { fontsize_obj.selectedIndex = i; found=1; }
|
||
}
|
||
if (found != 1) { fontsize_obj.value = null; } // for sizes not in list
|
||
}
|
||
}
|
||
|
||
// Set FontStyle pulldown
|
||
var classname_obj = document.all["_" +objname+ "_FontStyle"];
|
||
if (classname_obj) {
|
||
var curRange = editdoc.selection.createRange();
|
||
|
||
// check element and element parents for class names
|
||
var pElement;
|
||
if (curRange.length) { pElement = curRange[0]; } // control tange
|
||
else { pElement = curRange.parentElement(); } // text range
|
||
while (pElement && !pElement.className) { pElement = pElement.parentElement; } // keep going up
|
||
|
||
var thisClass = pElement ? pElement.className.toLowerCase() : "";
|
||
if (!thisClass && classname_obj.value) { classname_obj.value = null; }
|
||
else {
|
||
var found = 0;
|
||
for (i=0; i<classname_obj.length; i++) {
|
||
if (thisClass == classname_obj[i].value.toLowerCase()) {
|
||
classname_obj.selectedIndex = i;
|
||
found=1;
|
||
}
|
||
}
|
||
if (found != 1) { classname_obj.value = null; } // for classes not in list
|
||
}
|
||
}
|
||
|
||
// update button states
|
||
var IDList = Array('Bold','Italic','Underline','StrikeThrough','SubScript','SuperScript','JustifyLeft','JustifyCenter','JustifyRight','InsertOrderedList','InsertUnorderedList');
|
||
for (i=0; i<IDList.length; i++) {
|
||
var btnObj = document.all["_" +objname+ "_" +IDList[i]];
|
||
if (btnObj == null) { continue; }
|
||
var cmdActive = editdoc.queryCommandState( IDList[i] );
|
||
|
||
if (!cmdActive) { // option is OK
|
||
if (btnObj.className != 'btn') { btnObj.className = 'btn'; }
|
||
if (btnObj.disabled != false) { btnObj.disabled = false; }
|
||
} else if (cmdActive) { // option already applied or mixed content
|
||
if (btnObj.className != 'btnDown') { btnObj.className = 'btnDown'; }
|
||
if (btnObj.disabled != false) { btnObj.disabled = false; }
|
||
}
|
||
}
|
||
}
|
||
|
||
function editor_updateOutput(objname) {
|
||
//modify in 2011 for chrome
|
||
//var config = document.all[objname].config;
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
var editor_obj = document.all["_" +objname+ "_editor"]; // html editor object
|
||
var editEvent = editor_obj.contentWindow ? editor_obj.contentWindow.event : event;
|
||
var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
|
||
var editdoc = isTextarea ? null : editor_obj.contentWindow.document;
|
||
|
||
// get contents of edit field
|
||
var contents;
|
||
if (isTextarea) { contents = editor_obj.value; }
|
||
else { contents = editdoc.body.innerHTML; }
|
||
|
||
// check if contents has changed since the last time we ran this routine
|
||
if (config.lastUpdateOutput && config.lastUpdateOutput == contents) { return; }
|
||
else { config.lastUpdateOutput = contents; }
|
||
|
||
// update hidden output field
|
||
// 特殊字符转换，具体在ParameterUtil.java有处理
|
||
document.all[objname].value = contents.replace(/\&/g, "&").replace(/\(/g, "(").replace(/\)/g, ")").replace(/\</g, "<").replace(/\>/g, ">").replace(/\+/g, "+");
|
||
|
||
}
|
||
|
||
function editor_filterOutput(objname) {
|
||
editor_updateOutput(objname);
|
||
var contents = document.all[objname].value;
|
||
|
||
//modify in 2011 for chrome
|
||
//var config = document.all[objname].config;
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
// ignore blank contents
|
||
if (contents.toLowerCase() == '<p> </p>') { contents = ""; }
|
||
|
||
// filter tag - this code is run for each HTML tag matched
|
||
var filterTag = function(tagBody,tagName,tagAttr) {
|
||
tagName = tagName.toLowerCase();
|
||
var closingTag = (tagBody.match(/^<\//)) ? true : false;
|
||
|
||
// fix placeholder URLS - remove absolute paths that IE adds
|
||
if (tagName == 'img') { tagBody = tagBody.replace(/(src\s*=\s*.)[^*]*(\*\*\*)/, "$1$2"); }
|
||
if (tagName == 'a') { tagBody = tagBody.replace(/(href\s*=\s*.)[^*]*(\*\*\*)/, "$1$2"); }
|
||
|
||
return tagBody;
|
||
};
|
||
|
||
// match tags and call filterTag
|
||
RegExp.lastIndex = 0;
|
||
var matchTag = /<\/?(\w+)((?:[^'">]*|'[^']*'|"[^"]*")*)>/g; // this will match tags, but still doesn't handle container tags (textarea, comments, etc)
|
||
|
||
contents = contents.replace(matchTag, filterTag);
|
||
|
||
// remove nextlines from output (if requested)
|
||
if (config.replaceNextlines) {
|
||
contents = contents.replace(/\r\n/g, ' ');
|
||
contents = contents.replace(/\n/g, ' ');
|
||
contents = contents.replace(/\r/g, ' ');
|
||
}
|
||
|
||
// update output with filtered content
|
||
document.all[objname].value = contents;
|
||
}
|
||
|
||
function editor_setmode(objname, mode) {
|
||
//modify in 2011 for chrome
|
||
//var config = document.all[objname].config;
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
var editor_obj = document.all["_" +objname + "_editor"];
|
||
|
||
// wait until document is fully loaded
|
||
if (document.readyState != 'complete') {
|
||
setTimeout(function() { editor_setmode(objname,mode); }, 25);
|
||
return;
|
||
}
|
||
|
||
// define different editors
|
||
var TextEdit = '<textarea ID="_' +objname + '_editor" style="width:' +editor_obj.style.width+ '; height:' +editor_obj.style.height+ '; margin-top: -1px; margin-bottom: -1px;"></textarea>';
|
||
var RichEdit = '<iframe type="iframe" ID="_' +objname+ '_editor" style="width:' +editor_obj.style.width+ '; height:' +editor_obj.style.height+ ';"></iframe>';
|
||
|
||
// Switch to TEXTEDIT mode
|
||
if (mode == "textedit" || editor_obj.tagName.toLowerCase() == 'iframe') {
|
||
config.mode = "textedit";
|
||
var editdoc = editor_obj.contentWindow.document;
|
||
var contents = editdoc.body.createTextRange().htmlText;
|
||
editor_obj.outerHTML = TextEdit;
|
||
editor_obj = document.all["_" +objname + "_editor"];
|
||
editor_obj.value = contents;
|
||
editor_event(objname);
|
||
|
||
editor_updateToolbar(objname, "disable"); // disable toolbar items
|
||
|
||
// set event handlers
|
||
editor_obj.onkeydown = function() { editor_event(objname); };
|
||
editor_obj.onkeypress = function() { editor_event(objname); };
|
||
editor_obj.onkeyup = function() { editor_event(objname); };
|
||
editor_obj.onmouseup = function() { editor_event(objname); };
|
||
editor_obj.ondrop = function() { editor_event(objname, 100); }; // these events fire before they occur
|
||
editor_obj.oncut = function() { editor_event(objname, 100); };
|
||
editor_obj.onpaste = function() { editor_event(objname, 100); };
|
||
editor_obj.onblur = function() { editor_event(objname, -1); };
|
||
|
||
editor_updateOutput(objname);
|
||
editor_focus(editor_obj);
|
||
}
|
||
|
||
//
|
||
// Switch to WYSIWYG mode
|
||
//
|
||
|
||
else {
|
||
config.mode = "wysiwyg";
|
||
var contents = editor_obj.value;
|
||
if (mode == 'init') { contents = document.all[objname].value; } // on init use original textarea content
|
||
|
||
// create editor
|
||
editor_obj.outerHTML = RichEdit;
|
||
editor_obj = document.all["_" +objname + "_editor"];
|
||
|
||
// get iframe document object
|
||
|
||
// create editor contents (and default styles for editor)
|
||
var html = "";
|
||
html += '<html><head>\n';
|
||
if (config.stylesheet) {
|
||
html += '<link href="' +config.stylesheet+ '" rel="stylesheet" type="text/css">\n';
|
||
}
|
||
html += '<style>\n';
|
||
html += 'body {' +config.bodyStyle+ '} \n';
|
||
for (var i in config.fontstyles) {
|
||
var fontstyle = config.fontstyles[i];
|
||
if (fontstyle.classStyle) {
|
||
html += '.' +fontstyle.className+ ' {' +fontstyle.classStyle+ '}\n';
|
||
}
|
||
}
|
||
html += '</style>\n'
|
||
+ '</head>\n'
|
||
+ '<body style="word-break:break-all" contenteditable="true" topmargin=1 leftmargin=1'
|
||
|
||
// still working on this
|
||
// + ' oncontextmenu="parent.editor_cMenu_generate(window,\'' +objname+ '\');"'
|
||
+'>'
|
||
+ contents
|
||
+ '</body>\n'
|
||
+ '</html>\n';
|
||
|
||
// write to editor window
|
||
var editdoc = editor_obj.contentWindow.document;
|
||
|
||
editdoc.open();
|
||
editdoc.write(html);
|
||
editdoc.close();
|
||
|
||
editor_updateToolbar(objname, "enable"); // enable toolbar items
|
||
|
||
// store objname under editdoc
|
||
editdoc.objname = objname;
|
||
|
||
// set event handlers
|
||
editdoc.onkeydown = function() { editor_event(objname); };
|
||
editdoc.onkeypress = function() { editor_event(objname); };
|
||
editdoc.onkeyup = function() { editor_event(objname); };
|
||
editdoc.onmouseup = function() { editor_event(objname); };
|
||
editdoc.body.ondrop = function() { editor_event(objname, 100); }; // these events fire before they occur
|
||
editdoc.body.oncut = function() { editor_event(objname, 100); };
|
||
editdoc.body.onpaste = function() { editor_event(objname, 100);htmledit_ispaste=true;};
|
||
editdoc.body.onblur = function() { editor_event(objname, -1); };
|
||
|
||
// bring focus to editor
|
||
if (mode != 'init') { // don't focus on page load, only on mode switch
|
||
editor_focus(editor_obj);
|
||
}
|
||
// 初始化就重置下textarea的值，完成特殊符号的转换
|
||
editor_updateOutput(objname);
|
||
}
|
||
|
||
// Call update UI
|
||
if (mode != 'init') { // don't update UI on page load, only on mode switch
|
||
editor_event(objname);
|
||
}
|
||
}
|
||
|
||
function editor_focus(editor_obj) {
|
||
|
||
// check editor mode
|
||
if (editor_obj.tagName.toLowerCase() == 'textarea') { // textarea
|
||
var myfunc = function() { editor_obj.focus(); };
|
||
setTimeout(myfunc,100); // doesn't work all the time without delay
|
||
} else { // wysiwyg
|
||
var editdoc = editor_obj.contentWindow.document; // get iframe editor document object
|
||
var editorRange = editdoc.body.createTextRange(); // editor range
|
||
var curRange = editdoc.selection.createRange(); // selection range
|
||
|
||
if (curRange.length == null && // make sure it's not a controlRange
|
||
!editorRange.inRange(curRange)) { // is selection in editor range
|
||
editorRange.collapse(); // move to start of range
|
||
editorRange.select(); // select
|
||
curRange = editorRange;
|
||
}
|
||
}
|
||
}
|
||
|
||
function editor_about(objname) {
|
||
showModalDialog(_editor_url + "popups/about.html", window, "resizable: yes; help: no; status: no; scroll: no; ");
|
||
}
|
||
|
||
function _dec_to_rgb(value) {
|
||
var hex_string = "";
|
||
for (var hexpair = 0; hexpair < 3; hexpair++) {
|
||
var myByte = value & 0xFF; // get low byte
|
||
value >>= 8; // drop low byte
|
||
var nybble2 = myByte & 0x0F; // get low nybble (4 bits)
|
||
var nybble1 = (myByte >> 4) & 0x0F; // get high nybble
|
||
hex_string += nybble1.toString(16); // convert nybble to hex
|
||
hex_string += nybble2.toString(16); // convert nybble to hex
|
||
}
|
||
return hex_string.toUpperCase();
|
||
}
|
||
|
||
function editor_insertHTML(objname, str1,str2, reqSel) {
|
||
//modify in 2011 for chrome
|
||
//var config = JSON.parse($("#"+objname).attr("config"));
|
||
var config = JSON.parse(document.all[objname].getAttribute("config"));
|
||
|
||
var editor_obj = document.all["_" +objname + "_editor"]; // editor object
|
||
if (str1 == null) { str1 = ''; }
|
||
if (str2 == null) { str2 = ''; }
|
||
|
||
// for non-wysiwyg capable browsers just add to end of textbox
|
||
if (document.all[objname] && editor_obj == null) {
|
||
document.all[objname].focus();
|
||
document.all[objname].value = document.all[objname].value + str1 + str2;
|
||
return;
|
||
}
|
||
|
||
// error checking
|
||
if (editor_obj == null) { return alert("Unable to insert HTML. Invalid object name '" +objname+ "'."); }
|
||
|
||
editor_focus(editor_obj);
|
||
|
||
var tagname = editor_obj.tagName.toLowerCase();
|
||
var sRange;
|
||
|
||
// insertHTML for wysiwyg iframe
|
||
if (tagname == 'iframe') {
|
||
var editdoc = editor_obj.contentWindow.document;
|
||
sRange = editdoc.selection.createRange();
|
||
var sHtml = sRange.htmlText;
|
||
|
||
// check for control ranges
|
||
if (sRange.length) { return alert("Unable to insert HTML. Try highlighting content instead of selecting it."); }
|
||
|
||
// insert HTML
|
||
var oldHandler = window.onerror;
|
||
window.onerror = function() { alert("Unable to insert HTML for current selection."); return true; }; // partial table selections cause errors
|
||
if (sHtml.length) { // if content selected
|
||
if (str2) { sRange.pasteHTML(str1 +sHtml+ str2); } // surround
|
||
else { sRange.pasteHTML(str1); } // overwrite
|
||
} else { // if insertion point only
|
||
if (reqSel) { return alert("Unable to insert HTML. You must select something first."); }
|
||
sRange.pasteHTML(str1 + str2); // insert strings
|
||
}
|
||
window.onerror = oldHandler;
|
||
}
|
||
|
||
// insertHTML for plaintext textarea
|
||
else if (tagname == 'textarea') {
|
||
editor_obj.focus();
|
||
sRange = document.selection.createRange();
|
||
var sText = sRange.text;
|
||
|
||
// insert HTML
|
||
if (sText.length) { // if content selected
|
||
if (str2) { sRange.text = str1 +sText+ str2; } // surround
|
||
else { sRange.text = str1; } // overwrite
|
||
} else { // if insertion point only
|
||
if (reqSel) { return alert("Unable to insert HTML. You must select something first."); }
|
||
sRange.text = str1 + str2; // insert strings
|
||
}
|
||
}
|
||
else { alert("Unable to insert HTML. Unknown object tag type '" +tagname+ "'."); }
|
||
|
||
// move to end of new content
|
||
sRange.collapse(false); // move to end of range
|
||
sRange.select(); // re-select
|
||
}
|
||
|
||
function editor_getHTML(objname) {
|
||
var editor_obj = document.all["_" +objname + "_editor"];
|
||
var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
|
||
|
||
if (isTextarea) { return editor_obj.value; }
|
||
else { return editor_obj.contentWindow.document.body.innerHTML; }
|
||
}
|
||
|
||
function editor_setHTML(objname, html) {
|
||
var editor_obj = document.all["_" +objname + "_editor"];
|
||
var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
|
||
|
||
if (isTextarea) { editor_obj.value = html; }
|
||
else { editor_obj.contentWindow.document.body.innerHTML = html; }
|
||
}
|
||
|
||
function editor_appendHTML(objname, html) {
|
||
var editor_obj = document.all["_" +objname + "_editor"];
|
||
var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
|
||
|
||
if (isTextarea) { editor_obj.value += html; }
|
||
else { editor_obj.contentWindow.document.body.innerHTML += html; }
|
||
}
|
||
|
||
|
||
|
||
function _isMouseOver(obj,event) { // determine if mouse is over object
|
||
var mouseX = event.clientX;
|
||
var mouseY = event.clientY;
|
||
|
||
var objTop = obj.offsetTop;
|
||
var objBottom = obj.offsetTop + obj.offsetHeight;
|
||
var objLeft = obj.offsetLeft;
|
||
var objRight = obj.offsetLeft + obj.offsetWidth;
|
||
|
||
if (mouseX >= objLeft && mouseX <= objRight &&
|
||
mouseY >= objTop && mouseY <= objBottom) { return true; }
|
||
|
||
return false;
|
||
}
|
||
|
||
|
||
|
||
function editor_cMenu_generate(editorWin,objname) {
|
||
var parentWin = window;
|
||
editorWin.event.returnValue = false; // cancel default context menu
|
||
|
||
// define content menu options
|
||
var cMenuOptions = [ // menu name, shortcut displayed, javascript code
|
||
['Cut', 'Ctrl-X', function() {}],
|
||
['Copy', 'Ctrl-C', function() {}],
|
||
['Paste', 'Ctrl-C', function() {}],
|
||
['Delete', 'DEL', function() {}],
|
||
['---', null, null],
|
||
['Select All', 'Ctrl-A', function() {}],
|
||
['Clear All', '', function() {}],
|
||
['---', null, null],
|
||
['About this editor...', '', function() {
|
||
alert("about this editor");
|
||
}]];
|
||
editor_cMenu.options = cMenuOptions; // save options
|
||
|
||
// generate context menu
|
||
var cMenuHeader = ''
|
||
+ '<div id="_'+objname+'_cMenu" onblur="editor_cMenu(this);" oncontextmenu="return false;" onselectstart="return false"'
|
||
+ ' style="position: absolute; visibility: hidden; cursor: default; width: 167px; background-color: threedface;'
|
||
+ ' border: solid 1px; border-color: threedlightshadow threeddarkshadow threeddarkshadow threedlightshadow;">'
|
||
+ '<table border=0 cellspacing=0 cellpadding=0 width="100%" style="width: 167px; background-color: threedface; border: solid 1px; border-color: threedhighlight threedshadow threedshadow threedhighlight;">'
|
||
+ ' <tr><td colspan=2 height=1></td></tr>';
|
||
|
||
var cMenuList = '';
|
||
|
||
var cMenuFooter = ''
|
||
+ ' <tr><td colspan=2 height=1></td></tr>'
|
||
+ '</table></div>';
|
||
|
||
for (var menuIdx in editor_cMenu.options) {
|
||
var menuName = editor_cMenu.options[menuIdx][0];
|
||
var menuKey = editor_cMenu.options[menuIdx][1];
|
||
var menuCode = editor_cMenu.options[menuIdx][2];
|
||
|
||
// separator
|
||
if (menuName == "---" || menuName == "separator") {
|
||
cMenuList += ' <tr><td colspan=2 class="cMenuDivOuter"><div class="cMenuDivInner"></div></td></tr>';
|
||
}
|
||
|
||
// menu option
|
||
else {
|
||
cMenuList += '<tr class="cMenu" onMouseOver="editor_cMenu(this)" onMouseOut="editor_cMenu(this)" onClick="editor_cMenu(this, \'' +menuIdx+ '\',\'' +objname+ '\')">';
|
||
if (menuKey) { cMenuList += ' <td align=left class="cMenu">' +menuName+ '</td><td align=right class="cMenu">' +menuKey+ '</td>'; }
|
||
else { cMenuList += ' <td colspan=2 class="cMenu">' +menuName+ '</td>'; }
|
||
cMenuList += '</tr>';
|
||
}
|
||
}
|
||
|
||
var cMenuHTML = cMenuHeader + cMenuList + cMenuFooter;
|
||
|
||
document.all['_'+objname+'_cMenu'].outerHTML = cMenuHTML;
|
||
|
||
editor_cMenu_setPosition(parentWin, editorWin, objname);
|
||
|
||
parentWin['_'+objname+'_cMenu'].style.visibility = 'visible';
|
||
parentWin['_'+objname+'_cMenu'].focus();
|
||
}
|
||
|
||
|
||
|
||
function editor_cMenu_setPosition(parentWin, editorWin, objname) { // set object position that won't overlap window edge
|
||
var event = editorWin.event;
|
||
var cMenuObj = parentWin['_'+objname+'_cMenu'];
|
||
var mouseX = event.clientX + parentWin.document.all['_'+objname+'_editor'].offsetLeft;
|
||
var mouseY = event.clientY + parentWin.document.all['_'+objname+'_editor'].offsetTop;
|
||
var cMenuH = cMenuObj.offsetHeight;
|
||
var cMenuW = cMenuObj.offsetWidth;
|
||
var pageH = document.body.clientHeight + document.body.scrollTop;
|
||
var pageW = document.body.clientWidth + document.body.scrollLeft;
|
||
|
||
// set horzontal position
|
||
if (mouseX + 5 + cMenuW > pageW) { var left = mouseX - cMenuW - 5; } // too far right
|
||
else { var left = mouseX + 5; }
|
||
|
||
// set vertical position
|
||
if (mouseY + 5 + cMenuH > pageH) { var top = mouseY - cMenuH + 5; } // too far down
|
||
else { var top = mouseY + 5; }
|
||
|
||
cMenuObj.style.top = top;
|
||
cMenuObj.style.left = left;
|
||
|
||
}
|
||
|
||
|
||
|
||
function editor_cMenu(obj,menuIdx,objname) {
|
||
var action = event.type;
|
||
if (action == "mouseover" && !obj.disabled && obj.tagName.toLowerCase() == 'tr') {
|
||
obj.className = 'cMenuOver';
|
||
for (var i=0; i < obj.cells.length; i++) { obj.cells[i].className = 'cMenuOver'; }
|
||
}
|
||
else if (action == "mouseout" && !obj.disabled && obj.tagName.toLowerCase() == 'tr') {
|
||
obj.className = 'cMenu';
|
||
for (var i=0; i < obj.cells.length; i++) { obj.cells[i].className = 'cMenu'; }
|
||
}
|
||
else if (action == "click" && !obj.disabled) {
|
||
document.all['_'+objname+'_cMenu'].style.visibility = "hidden";
|
||
var menucode = editor_cMenu.options[menuIdx][2];
|
||
menucode();
|
||
}
|
||
else if (action == "blur") {
|
||
if (!_isMouseOver(obj,event)) { obj.style.visibility = 'hidden'; }
|
||
else {
|
||
if (obj.style.visibility != "hidden") { obj.focus(); }
|
||
}
|
||
}
|
||
else { alert("editor_cMenu, unknown action: " + action); }
|
||
}
|
||
|