开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > Jsp/Servlet > 查看源码
editor.js
资源名称：55593402pressRelease.rar　[点击查看]
上传用户：junmaots
上传日期：2022-07-09
资源大小：2450k
文件大小：52k
源码类别：

Jsp/Servlet

开发平台：

Java

editor.js：源码内容
  1. // <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  2. // 需要IE5.5以上的版本支持
  5. // write out styles for UI buttons
  6. document.write('<style type="text/css">n');
  7. document.write('.btn     { width: 22px; height: 22px; border: 1px solid buttonface; margin: 0; padding: 0; }n');
  8. document.write('.btnOver { width: 22px; height: 22px; border: 1px outset; }n');
  9. document.write('.btnDown { width: 22px; height: 22px; border: 1px inset; background-color: buttonhighlight; }n');
  10. document.write('.btnNA   { width: 22px; height: 22px; border: 1px solid buttonface; filter: alpha(opacity=25); }n');
  11. document.write('.cMenu     { background-color: threedface; color: menutext; cursor: Default; font-family: MS Sans Serif; font-size: 8pt; padding: 2 12 2 16; }');
  12. document.write('.cMenuOver { background-color: highlight; color: highlighttext; cursor: Default; font-family: MS Sans Serif; font-size: 8pt; padding: 2 12 2 16; }');
  13. document.write('.cMenuDivOuter { background-color: threedface; height: 9 }');
  14. document.write('.cMenuDivInner { margin: 0 4 0 4; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; }');
  15. document.write('</style>n');
  18. /* ---------------------------------------------------------------------- *
  19.   Function    : editor_defaultConfig 系统默认的模式
  20.   Description : default configuration settings for wysiwyg editor
  21. * ---------------------------------------------------------------------- */
  23. function editor_defaultConfig(objname) {
  25. this.version = "2.03"
  27. this.width =  "auto";
  28. this.height = "auto";
  29. this.bodyStyle = 'background-color: #FFFFFF; font-family: "Verdana"; font-size: x-small;';
  30. this.imgURL = _editor_url + 'images/';
  31. this.debug  = 0;
  33. this.replaceNextlines = 0; // replace nextlines from spaces (on output)
  34. this.plaintextInput = 0;   // replace nextlines with breaks (on input)
  36. this.toolbar = [
  37. ['fontname'],
  38. ['fontsize'],
  39. //    ['fontstyle'],
  40. //    ['linebreak'],
  41. ['bold','italic','underline','separator'],
  42. //  ['strikethrough','subscript','superscript','separator'],
  43. ['justifyleft','justifycenter','justifyright','separator'],
  44. ['OrderedList','UnOrderedList','Outdent','Indent','separator'],
  45. ['forecolor','backcolor','separator'],
  46. ['HorizontalRule','Createlink','InsertImage','InsertTable','htmlmode','separator'],
  47. //  ['custom1','custom2','custom3','separator'],
  48. ['popupeditor','about']
  49. ];
  51. this.fontnames = {
  52. "Arial":           "arial, helvetica, sans-serif",
  53. "Courier New":     "courier new, courier, mono",
  54. "Georgia":         "Georgia, Times New Roman, Times, Serif",
  55. "Tahoma":          "Tahoma, Arial, Helvetica, sans-serif",
  56. "Times New Roman": "times new roman, times, serif",
  57. "Verdana":         "Verdana, Arial, Helvetica, sans-serif",
  58. "impact":          "impact",
  59. "WingDings":       "WingDings"
  60. };
  62. this.fontsizes = {
  63. "1 (8 pt)":  "1",
  64. "2 (10 pt)": "2",
  65. "3 (12 pt)": "3",
  66. "4 (14 pt)": "4",
  67. "5 (18 pt)": "5",
  68. "6 (24 pt)": "6",
  69. "7 (36 pt)": "7"
  70.   };
  72. //// this.stylesheet = "http://www.domain.com/sample.css"; // full URL to stylesheet
  74. this.fontstyles = [     // make sure these exist in the header of page the content is being display as well in or they won't work!
  75. //    { name: "headline",     className: "headline",  classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
  76. //    { name: "arial red",    className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
  77. //    { name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" },
  78. ];
  80. this.btnList = {
  81. // buttonName:    commandID,               title,                onclick,                   image,
  82. "bold":           ['Bold',                 '加粗',               'editor_action(this.id)',  'ed_format_bold.gif'],
  83. "italic":         ['Italic',               '斜体',             'editor_action(this.id)',  'ed_format_italic.gif'],
  84. "underline":      ['Underline',            'Underline',          'editor_action(this.id)',  'ed_format_underline.gif'],
  85. "strikethrough":  ['StrikeThrough',        'Strikethrough',      'editor_action(this.id)',  'ed_format_strike.gif'],
  86. "subscript":      ['SubScript',            'Subscript',          'editor_action(this.id)',  'ed_format_sub.gif'],
  87. "superscript":    ['SuperScript',          'Superscript',        'editor_action(this.id)',  'ed_format_sup.gif'],
  88. "justifyleft":    ['JustifyLeft',          'Justify Left',       'editor_action(this.id)',  'ed_align_left.gif'],
  89. "justifycenter":  ['JustifyCenter',        'Justify Center',     'editor_action(this.id)',  'ed_align_center.gif'],
  90. "justifyright":   ['JustifyRight',         'Justify Right',      'editor_action(this.id)',  'ed_align_right.gif'],
  91. "orderedlist":    ['InsertOrderedList',    'Ordered List',       'editor_action(this.id)',  'ed_list_num.gif'],
  92. "unorderedlist":  ['InsertUnorderedList',  'Bulleted List',      'editor_action(this.id)',  'ed_list_bullet.gif'],
  93. "outdent":        ['Outdent',              'Decrease Indent',    'editor_action(this.id)',  'ed_indent_less.gif'],
  94. "indent":         ['Indent',               'Increase Indent',    'editor_action(this.id)',  'ed_indent_more.gif'],
  95. "forecolor":      ['ForeColor',            'Font Color',         'editor_action(this.id)',  'ed_color_fg.gif'],
  96. "backcolor":      ['BackColor',            'Background Color',   'editor_action(this.id)',  'ed_color_bg.gif'],
  97. "horizontalrule": ['InsertHorizontalRule', 'Horizontal Rule',    'editor_action(this.id)',  'ed_hr.gif'],
  98. "createlink":     ['CreateLink',           'Insert Web Link',    'editor_action(this.id)',  'ed_link.gif'],
  99. "insertimage":    ['InsertImage',          'Insert Image',       'editor_action(this.id)',  'ed_image.gif'],
  100. "inserttable":    ['InsertTable',          'Insert Table',       'editor_action(this.id)',  'insert_table.gif'],
  101. "htmlmode":       ['HtmlMode',             'View HTML Source',   'editor_setmode(''+objname+'')', 'ed_html.gif'],
  102. "popupeditor":    ['popupeditor',          'Enlarge Editor',     'editor_action(this.id)',  'fullscreen_maximize.gif'],
  103. "about":          ['about',                '关于当前编辑器',  'editor_about(''+objname+'')',  'ed_about.gif'],
  105. // Add custom buttons here:
  106. "custom1":           ['custom1',         'Purpose of button 1',  'editor_action(this.id)',  'ed_custom.gif'],
  107. "custom2":           ['custom2',         'Purpose of button 2',  'editor_action(this.id)',  'ed_custom.gif'],
  108. "custom3":           ['custom3',         'Purpose of button 3',  'editor_action(this.id)',  'ed_custom.gif'],
  109.    // end: custom buttons
  111. "help":           ['showhelp',             'Help using editor',  'editor_action(this.id)',  'ed_help.gif']
  112. };
  115. }
  118. /* ---------------------------------------------------------------------- *
  119.   Function    : editor_generate 设置编辑器的对象和内容
  120.   Description : replace textarea with wysiwyg editor
  121.   Usage       : editor_generate("textarea_id",[height],[width]);
  122.   Arguments   : objname - ID of textarea to replace
  123.                 w       - width of wysiwyg editor
  124.                 h       - height of wysiwyg editor
  125. * ---------------------------------------------------------------------- */
  128. function editor_generate(objname,userConfig) {
  130.   // Default Settings
  131.   var config = new editor_defaultConfig(objname);
  132.   if (userConfig) {
  133. for (var thisName in userConfig) {
  134.   if (userConfig[thisName]) {
  135.    config[thisName] = userConfig[thisName];
  136. }
  137. }
  138.   }
  139.   document.all[objname].config = config; // store config settings
  141.   // set size to specified size or size of original object
  142.   var obj    = document.all[objname];
  143.   if (!config.width || config.width == "auto") {
  144. if (obj.style.width) {   // use css style
  145. config.width = obj.style.width;
  146. }else if (obj.cols){  // col width + toolbar
  147. config.width = (obj.cols * 8) + 22;
  148. }else {  // default
  149. config.width = '100%';
  150. }
  151.   }
  153.   if (!config.height || config.height == "auto") {
  154. if(obj.style.height){  // use css style
  155. config.height = obj.style.height;
  156. }else if (obj.rows){  // row height
  157. config.height = obj.rows * 17
  158. }else{ // default
  159. config.height = '200';
  160. }
  161.   }
  163.   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>';
  164.   var tblClose = '</nobr></td></tr></table>n';
  166.   // build button toolbar
  168.   var toolbar = '';
  169.   var btnGroup, btnItem, aboutEditor;
  170.   for (var btnGroup in config.toolbar) {
  172.     // linebreak
  173.     if (config.toolbar[btnGroup].length == 1 &&
  174.         config.toolbar[btnGroup][0].toLowerCase() == "linebreak") {
  175.       toolbar += '<br clear="all">';
  176.       continue;
  177.     }
  179.     toolbar += tblOpen;
  180.     for (var btnItem in config.toolbar[btnGroup]) {
  181.       var btnName = config.toolbar[btnGroup][btnItem].toLowerCase();
  183.       // fontname
  184.       if (btnName == "fontname") {
  185.         toolbar += '<select id="_' +objname+ '_FontName" onChange="editor_action(this.id)" unselectable="on" style="margin: 1 2 0 2; font-size: 12px;">';
  186.         for (var fontname in config.fontnames) {
  187.           toolbar += '<option value="' +config.fontnames[fontname]+ '">' +fontname+ '</option>'
  188.         }
  189.         toolbar += '</select>';
  190.         continue;
  191.       }
  193.       // fontsize
  194.       if (btnName == "fontsize") {
  195.         toolbar += '<select id="_' +objname+ '_FontSize" onChange="editor_action(this.id)" unselectable="on" style="margin: 1 2 0 0; font-size: 12px;">';
  196.         for (var fontsize in config.fontsizes) {
  197.           toolbar += '<option value="' +config.fontsizes[fontsize]+ '">' +fontsize+ '</option>'
  198.         }
  199.         toolbar += '</select>n';
  200.         continue;
  201.       }
  203.       // font style
  204.       if (btnName == "fontstyle") {
  205.         toolbar += '<select id="_' +objname+ '_FontStyle" onChange="editor_action(this.id)" unselectable="on" style="margin: 1 2 0 0; font-size: 12px;">';
  206.         + '<option value="">Font Style</option>';
  207.         for (var i in config.fontstyles) {
  208.           var fontstyle = config.fontstyles[i];
  209.           toolbar += '<option value="' +fontstyle.className+ '">' +fontstyle.name+ '</option>'
  210.         }
  211.         toolbar += '</select>';
  212.         continue;
  213.       }
  215.       // separator
  216.       if (btnName == "separator") {
  217.         toolbar += '<span style="border: 1px inset; width: 1px; font-size: 16px; height: 16px; margin: 0 3 0 3"></span>';
  218.         continue;
  219.       }
  221.       // buttons
  222.       var btnObj = config.btnList[btnName];
  223.       if (btnName == 'linebreak') { alert("htmlArea error: 'linebreak' must be in a subgroup by itself, not with other buttons.nnhtmlArea wysiwyg editor not created."); return; }
  224.       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.nnhtmlArea wysiwyg editor not created."); return; }
  225.       var btnCmdID   = btnObj[0];
  226.       var btnTitle   = btnObj[1];
  227.       var btnOnClick = btnObj[2];
  228.       var btnImage   = btnObj[3];
  229.       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>';
  232.     } // end of button sub-group
  233.     toolbar += tblClose;
  234.   } // end of entire button set
  236.   // build editor
  238.   var editor = '<span id="_editor_toolbar"><table border=0 cellspacing=0 cellpadding=0 bgcolor="buttonface" style="padding: 1 0 0 2" width=' + config.width + ' unselectable="on"><tr><td>n'
  239.   + toolbar
  240.   + '</td></tr></table>n'
  241.   + '</td></tr></table></span>n'
  242.   + '<textarea ID="_' +objname + '_editor" style="width:' +config.width+ '; height:' +config.height+ '; margin-top: -1px; margin-bottom: -1px;" wrap=soft></textarea>';
  244.   // add context menu
  245.   editor += '<div id="_' +objname + '_cMenu" style="position: absolute; visibility: hidden;"></div>';
  247.   //  hide original textarea and insert htmlarea after it
  248.   if (!config.debug) { document.all[objname].style.display = "none"; }
  250.   if (config.plaintextInput) {     // replace nextlines with breaks
  251.     var contents = document.all[objname].value;
  252.     contents = contents.replace(/rn/g, '<br>');
  253.     contents = contents.replace(/n/g, '<br>');
  254.     contents = contents.replace(/r/g, '<br>');
  255.     document.all[objname].value = contents;
  256.   }
  258.   // insert wysiwyg
  259.   document.all[objname].insertAdjacentHTML('afterEnd', editor)
  261.   // convert htmlarea from textarea to wysiwyg editor
  262.   editor_setmode(objname, 'init');
  264.   // call filterOutput when user submits form
  265.   for (var idx=0; idx < document.forms.length; idx++) {
  266.     var r = document.forms[idx].attachEvent('onsubmit', function() { editor_filterOutput(objname); });
  267.     if (!r) { alert("Error attaching event to form!"); }
  268.   }
  270. return true;
  272. }
  274. /* ---------------------------------------------------------------------- *
  275.   Function    : editor_action
  276.   Description : perform an editor command on selected editor content
  277.   Usage       :
  278.   Arguments   : button_id - button id string with editor and action name
  279. * ---------------------------------------------------------------------- */
  281. function editor_action(button_id) {
  283.   // split up button name into "editorID" and "cmdID"
  284.   var BtnParts = Array();
  285.   BtnParts = button_id.split("_");
  286.   var objname    = button_id.replace(/^_(.*)_[^_]*$/, '$1');
  287.   var cmdID      = BtnParts[ BtnParts.length-1 ];
  288.   var button_obj = document.all[button_id];
  289.   var editor_obj = document.all["_" +objname + "_editor"];
  290.   var config     = document.all[objname].config;
  292.   // help popup
  293.   if (cmdID == 'showhelp') {
  294.     window.open(_editor_url + "popups/editor_help.html", 'EditorHelp');
  295.     return;
  296.   }
  298.   // popup editor
  299.   if (cmdID == 'popupeditor') {
  300.     window.open(_editor_url + "popups/fullscreen.html?"+objname,
  301.                 'FullScreen',
  302.                 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=640,height=480');
  303.     return;
  304.   }
  306.   // check editor mode (don't perform actions in textedit mode)
  307.   if (editor_obj.tagName.toLowerCase() == 'textarea') { return; }
  309.   var editdoc = editor_obj.contentWindow.document;
  310.   editor_focus(editor_obj);
  312.   // get index and value for pulldowns
  313.   var idx = button_obj.selectedIndex;
  314.   var val = (idx != null) ? button_obj[ idx ].value : null;
  316.   if (0) {}   // use else if for easy cutting and pasting
  318.   //
  319.   // CUSTOM BUTTONS START HERE
  320.   //
  322.   // Custom1
  323.   else if (cmdID == 'custom1') {
  324.     alert("Hello, I am custom button 1!");
  325.   }
  327.   // Custom2
  328.   else if (cmdID == 'custom2') {  // insert some text from a popup window
  329.     var myTitle = "This is a custom title";
  330.     var myText = showModalDialog(_editor_url + "popups/custom2.html",
  331.                                  myTitle,      // str or obj specified here can be read from dialog as "window.dialogArguments"
  332.                                  "resizable: yes; help: no; status: no; scroll: no; ");
  333.     if (myText) { editor_insertHTML(objname, myText); }
  334.   }
  336.   // Custom3
  337.   else if (cmdID == 'custom3') {  // insert some text
  338.     editor_insertHTML(objname, "It's easy to add buttons that insert text!");
  339.   }
  341.   //
  342.   // END OF CUSTOM BUTTONS
  343.   //
  345.   // FontName
  346.   else if (cmdID == 'FontName' && val) {
  347.     editdoc.execCommand(cmdID,0,val);
  348.   }
  350.   // FontSize
  351.   else if (cmdID == 'FontSize' && val) {
  352.     editdoc.execCommand(cmdID,0,val);
  353.   }
  355.   // FontStyle (change CSS className)
  356.   else if (cmdID == 'FontStyle' && val) {
  357.     editdoc.execCommand('RemoveFormat');
  358.     editdoc.execCommand('FontName',0,'636c6173734e616d6520706c616365686f6c646572');
  359.     var fontArray = editdoc.all.tags("FONT");
  360.     for (i=0; i<fontArray.length; i++) {
  361.       if (fontArray[i].face == '636c6173734e616d6520706c616365686f6c646572') {
  362.         fontArray[i].face = "";
  363.         fontArray[i].className = val;
  364.         fontArray[i].outerHTML = fontArray[i].outerHTML.replace(/face=['"]+/, "");
  365.         }
  366.     }
  367.     button_obj.selectedIndex =0;
  368.   }
  370.   // fgColor and bgColor
  371.   else if (cmdID == 'ForeColor' || cmdID == 'BackColor') {
  372.     var oldcolor = _dec_to_rgb(editdoc.queryCommandValue(cmdID));
  373.     var newcolor = showModalDialog(_editor_url + "popups/select_color.html", oldcolor, "resizable: no; help: no; status: no; scroll: no;");
  374.     if (newcolor != null) { editdoc.execCommand(cmdID, false, "#"+newcolor); }
  375.   }
  377.   // execute command for buttons - if we didn't catch the cmdID by here we'll assume it's a
  378.   // commandID and pass it to execCommand().   See http://msdn.microsoft.com/workshop/author/dhtml/reference/commandids.asp
  379.   else {
  380.     // subscript & superscript, disable one before enabling the other
  381.     if (cmdID.toLowerCase() == 'subscript' && editdoc.queryCommandState('superscript')) { editdoc.execCommand('superscript'); }
  382.     if (cmdID.toLowerCase() == 'superscript' && editdoc.queryCommandState('subscript')) { editdoc.execCommand('subscript'); }
  384.     // insert link
  385.     if (cmdID.toLowerCase() == 'createlink'){
  386.       editdoc.execCommand(cmdID,1);
  387.     }
  389.     // insert image
  390.     else if (cmdID.toLowerCase() == 'insertimage'){
  391.       showModalDialog(_editor_url + "popups/insert_image.html", editdoc, "resizable: no; help: no; status: no; scroll: no; ");
  392.     }
  394.     // insert table
  395.     else if (cmdID.toLowerCase() == 'inserttable'){
  396.       showModalDialog(_editor_url + "popups/insert_table.html?"+objname,
  397.                                  window,
  398.                                  "resizable: yes; help: no; status: no; scroll: no; ");
  399.     }
  401.     // all other commands microsoft Command Identifiers
  402.     else { editdoc.execCommand(cmdID); }
  403.   }
  405.   editor_event(objname);
  406. }
  408. /* ---------------------------------------------------------------------- *
  409.   Function    : editor_event
  410.   Description : called everytime an editor event occurs
  411.   Usage       : editor_event(objname, runDelay, eventName)
  412.   Arguments   : objname - ID of textarea to replace
  413.                 runDelay: -1 = run now, no matter what
  414.                           0  = run now, if allowed
  415.                         1000 = run in 1 sec, if allowed at that point
  416. * ---------------------------------------------------------------------- */
  418. function editor_event(objname,runDelay) {
  419.   var config = document.all[objname].config;
  420.   var editor_obj  = document.all["_" +objname+  "_editor"];       // html editor object
  421.   if (runDelay == null) { runDelay = 0; }
  422.   var editdoc;
  423.   var editEvent = editor_obj.contentWindow ? editor_obj.contentWindow.event : event;
  425.   // catch keypress events
  426.     if (editEvent && editEvent.keyCode) {
  427.       var ord       = editEvent.keyCode;    // ascii order of key pressed
  428.       var ctrlKey   = editEvent.ctrlKey;
  429.       var altKey    = editEvent.altKey;
  430.       var shiftKey  = editEvent.shiftKey;
  432.       if (ord == 16) { return; }  // ignore shift key by itself
  433.       if (ord == 17) { return; }  // ignore ctrl key by itself
  434.       if (ord == 18) { return; }  // ignore alt key by itself
  437.        // cancel ENTER key and insert <BR> instead
  438. //       if (ord == 13 && editEvent.type == 'keypress') {
  439. //         editEvent.returnValue = false;
  440. //         editor_insertHTML(objname, "<br>");
  441. //         return;
  442. //       }
  444.       if (ctrlKey && (ord == 122 || ord == 90)) {     // catch ctrl-z (UNDO)
  445. //      TODO: Add our own undo/redo functionality
  446. //        editEvent.cancelBubble = true;
  447.         return;
  448.       }
  449.       if ((ctrlKey && (ord == 121 || ord == 89)) ||
  450.           ctrlKey && shiftKey && (ord == 122 || ord == 90)) {     // catch ctrl-y, ctrl-shift-z (REDO)
  451. //      TODO: Add our own undo/redo functionality
  452.         return;
  453.       }
  454.     }
  456.   // setup timer for delayed updates (some events take time to complete)
  457.   if (runDelay > 0) { return setTimeout(function(){ editor_event(objname); }, runDelay); }
  459.   // don't execute more than 3 times a second (eg: too soon after last execution)
  460.   if (this.tooSoon == 1 && runDelay >= 0) { this.queue = 1; return; } // queue all but urgent events
  461.   this.tooSoon = 1;
  462.   setTimeout(function(){
  463.     this.tooSoon = 0;
  464.     if (this.queue) { editor_event(objname,-1); };
  465.     this.queue = 0;
  466.     }, 333);  // 1/3 second
  469.   editor_updateOutput(objname);
  470.   editor_updateToolbar(objname);
  472. }
  474. /* ---------------------------------------------------------------------- *
  475.   Function    : editor_updateToolbar
  476.   Description : update toolbar state
  477.   Usage       :
  478.   Arguments   : objname - ID of textarea to replace
  479.                 action  - enable, disable, or update (default action)
  480. * ---------------------------------------------------------------------- */
  482. function editor_updateToolbar(objname,action) {
  483.   var config = document.all[objname].config;
  484.   var editor_obj  = document.all["_" +objname+  "_editor"];
  486.   // disable or enable toolbar
  488.   if (action == "enable" || action == "disable") {
  489.     var tbItems = new Array('FontName','FontSize','FontStyle');                           // add pulldowns
  490.     for (var btnName in config.btnList) { tbItems.push(config.btnList[btnName][0]); } // add buttons
  492.     for (var idxN in tbItems) {
  493.       var cmdID = tbItems[idxN].toLowerCase();
  494.       var tbObj = document.all["_" +objname+ "_" +tbItems[idxN]];
  495.       if (cmdID == "htmlmode" || cmdID == "about" || cmdID == "showhelp" || cmdID == "popupeditor") { continue; } // don't change these buttons
  496.       if (tbObj == null) { continue; }
  497.       var isBtn = (tbObj.tagName.toLowerCase() == "button") ? true : false;
  499.       if (action == "enable")  { tbObj.disabled = false; if (isBtn) { tbObj.className = 'btn' }}
  500.       if (action == "disable") { tbObj.disabled = true;  if (isBtn) { tbObj.className = 'btnNA' }}
  501.     }
  502.     return;
  503.   }
  505.   // update toolbar state
  507.   if (editor_obj.tagName.toLowerCase() == 'textarea') { return; }   // don't update state in textedit mode
  508.   var editdoc = editor_obj.contentWindow.document;
  510.   // Set FontName pulldown
  511.   var fontname_obj = document.all["_" +objname+ "_FontName"];
  512.   if (fontname_obj) {
  513.     var fontname = editdoc.queryCommandValue('FontName');
  514.     if (fontname == null) { fontname_obj.value = null; }
  515.     else {
  516.       var found = 0;
  517.       for (i=0; i<fontname_obj.length; i++) {
  518.         if (fontname.toLowerCase() == fontname_obj[i].text.toLowerCase()) {
  519.           fontname_obj.selectedIndex = i;
  520.           found = 1;
  521.         }
  522.       }
  523.       if (found != 1) { fontname_obj.value = null; }     // for fonts not in list
  524.     }
  525.   }
  527.   // Set FontSize pulldown
  528.   var fontsize_obj = document.all["_" +objname+ "_FontSize"];
  529.   if (fontsize_obj) {
  530.     var fontsize = editdoc.queryCommandValue('FontSize');
  531.     if (fontsize == null) { fontsize_obj.value = null; }
  532.     else {
  533.       var found = 0;
  534.       for (i=0; i<fontsize_obj.length; i++) {
  535.         if (fontsize == fontsize_obj[i].value) { fontsize_obj.selectedIndex = i; found=1; }
  536.       }
  537.       if (found != 1) { fontsize_obj.value = null; }     // for sizes not in list
  538.     }
  539.   }
  541.   // Set FontStyle pulldown
  542.   var classname_obj = document.all["_" +objname+ "_FontStyle"];
  543.   if (classname_obj) {
  544.     var curRange = editdoc.selection.createRange();
  546.     // check element and element parents for class names
  547.     var pElement;
  548.     if (curRange.length) { pElement = curRange[0]; }              // control tange
  549.     else                 { pElement = curRange.parentElement(); } // text range
  550.     while (pElement && !pElement.className) { pElement = pElement.parentElement; }  // keep going up
  552.     var thisClass = pElement ? pElement.className.toLowerCase() : "";
  553.     if (!thisClass && classname_obj.value) { classname_obj.value = null; }
  554.     else {
  555.       var found = 0;
  556.       for (i=0; i<classname_obj.length; i++) {
  557.         if (thisClass == classname_obj[i].value.toLowerCase()) {
  558.           classname_obj.selectedIndex = i;
  559.           found=1;
  560.         }
  561.       }
  562.       if (found != 1) { classname_obj.value = null; }     // for classes not in list
  563.     }
  564.   }
  566.   // update button states
  567.   var IDList = Array('Bold','Italic','Underline','StrikeThrough','SubScript','SuperScript','JustifyLeft','JustifyCenter','JustifyRight','InsertOrderedList','InsertUnorderedList');
  568.   for (i=0; i<IDList.length; i++) {
  569.     var btnObj = document.all["_" +objname+ "_" +IDList[i]];
  570.     if (btnObj == null) { continue; }
  571.     var cmdActive = editdoc.queryCommandState( IDList[i] );
  573.     if (!cmdActive)  {                                  // option is OK
  574.       if (btnObj.className != 'btn') { btnObj.className = 'btn'; }
  575.       if (btnObj.disabled  != false) { btnObj.disabled = false; }
  576.     } else if (cmdActive)  {                            // option already applied or mixed content
  577.       if (btnObj.className != 'btnDown') { btnObj.className = 'btnDown'; }
  578.       if (btnObj.disabled  != false)   { btnObj.disabled = false; }
  579.     }
  580.   }
  581. }
  583. /* ---------------------------------------------------------------------- *
  584.   Function    : editor_updateOutput
  585.   Description : update hidden output field with data from wysiwg
  586. * ---------------------------------------------------------------------- */
  588. function editor_updateOutput(objname) {
  589.   var config     = document.all[objname].config;
  590.   var editor_obj  = document.all["_" +objname+  "_editor"];       // html editor object
  591.   var editEvent = editor_obj.contentWindow ? editor_obj.contentWindow.event : event;
  592.   var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
  593.   var editdoc = isTextarea ? null : editor_obj.contentWindow.document;
  595.   // get contents of edit field
  596.   var contents;
  597.   if (isTextarea) { contents = editor_obj.value; }
  598.   else            { contents = editdoc.body.innerHTML; }
  600.   // check if contents has changed since the last time we ran this routine
  601.   if (config.lastUpdateOutput && config.lastUpdateOutput == contents) { return; }
  602.   else { config.lastUpdateOutput = contents; }
  604.   // update hidden output field
  605.   document.all[objname].value = contents;
  607. }
  609. /* ---------------------------------------------------------------------- *
  610.   Function    : editor_filterOutput
  611.   Description :
  612. * ---------------------------------------------------------------------- */
  614. function editor_filterOutput(objname) {
  615.   editor_updateOutput(objname);
  616.   var contents = document.all[objname].value;
  617.   var config   = document.all[objname].config;
  619.   // ignore blank contents
  620.   if (contents.toLowerCase() == '<p>&nbsp;</p>') { contents = ""; }
  622.   // filter tag - this code is run for each HTML tag matched
  623.   var filterTag = function(tagBody,tagName,tagAttr) {
  624.     tagName = tagName.toLowerCase();
  625.     var closingTag = (tagBody.match(/^<//)) ? true : false;
  627.     // fix placeholder URLS - remove absolute paths that IE adds
  628.     if (tagName == 'img') { tagBody = tagBody.replace(/(srcs*=s*.)[^*]*(***)/, "$1$2"); }
  629.     if (tagName == 'a')   { tagBody = tagBody.replace(/(hrefs*=s*.)[^*]*(***)/, "$1$2"); }
  631.     // add additional tag filtering here
  633.     // convert to vbCode
  634. //    if      (tagName == 'b' || tagName == 'strong') {
  635. //      if (closingTag) { tagBody = "[/b]"; } else { tagBody = "[b]"; }
  636. //    }
  637. //    else if (tagName == 'i' || tagName == 'em') {
  638. //      if (closingTag) { tagBody = "[/i]"; } else { tagBody = "[i]"; }
  639. //    }
  640. //    else if (tagName == 'u') {
  641. //      if (closingTag) { tagBody = "[/u]"; } else { tagBody = "[u]"; }
  642. //    }
  643. //    else {
  644. //      tagBody = ""; // disallow all other tags!
  645. //    }
  647.     return tagBody;
  648.   };
  650.   // match tags and call filterTag
  651.   RegExp.lastIndex = 0;
  652.     var matchTag = /</?(w+)((?:[^'">]*|'[^']*'|"[^"]*")*)>/g;   // this will match tags, but still doesn't handle container tags (textarea, comments, etc)
  654.   contents = contents.replace(matchTag, filterTag);
  656.   // remove nextlines from output (if requested)
  657.   if (config.replaceNextlines) {
  658.     contents = contents.replace(/rn/g, ' ');
  659.     contents = contents.replace(/n/g, ' ');
  660.     contents = contents.replace(/r/g, ' ');
  661.   }
  663.   // update output with filtered content
  664.   document.all[objname].value = contents;
  666. }
  668. /* ---------------------------------------------------------------------- *
  669.   Function    : editor_setmode
  670.   Description : change mode between WYSIWYG and HTML editor
  671.   Usage       : editor_setmode(objname, mode);
  672.   Arguments   : objname - button id string with editor and action name
  673.                 mode      - init, textedit, or wysiwyg
  674. * ---------------------------------------------------------------------- */
  676. function editor_setmode(objname, mode) {
  677.   var config     = document.all[objname].config;
  678.   var editor_obj = document.all["_" +objname + "_editor"];
  680.   // wait until document is fully loaded
  681.   if (document.readyState != 'complete') {
  682.     setTimeout(function() { editor_setmode(objname,mode) }, 25);
  683.     return;
  684.   }
  686.   // define different editors
  687.   var TextEdit   = '<textarea ID="_' +objname + '_editor" style="width:' +editor_obj.style.width+ '; height:' +editor_obj.style.height+ '; margin-top: -1px; margin-bottom: -1px;"></textarea>';
  688.   var RichEdit   = '<iframe ID="_' +objname+ '_editor"    style="width:' +editor_obj.style.width+ '; height:' +editor_obj.style.height+ ';"></iframe>';
  690.  // src="' +_editor_url+ 'popups/blank.html"
  692.   //
  693.   // Switch to TEXTEDIT mode
  694.   //
  696.   if (mode == "textedit" || editor_obj.tagName.toLowerCase() == 'iframe') {
  697.     config.mode = "textedit";
  698.     var editdoc = editor_obj.contentWindow.document;
  699.     var contents = editdoc.body.createTextRange().htmlText;
  700.     editor_obj.outerHTML = TextEdit;
  701.     editor_obj = document.all["_" +objname + "_editor"];
  702.     editor_obj.value = contents;
  703.     editor_event(objname);
  705.     editor_updateToolbar(objname, "disable");  // disable toolbar items
  707.     // set event handlers
  708.     editor_obj.onkeydown   = function() { editor_event(objname); }
  709.     editor_obj.onkeypress  = function() { editor_event(objname); }
  710.     editor_obj.onkeyup     = function() { editor_event(objname); }
  711.     editor_obj.onmouseup   = function() { editor_event(objname); }
  712.     editor_obj.ondrop      = function() { editor_event(objname, 100); }     // these events fire before they occur
  713.     editor_obj.oncut       = function() { editor_event(objname, 100); }
  714.     editor_obj.onpaste     = function() { editor_event(objname, 100); }
  715.     editor_obj.onblur      = function() { editor_event(objname, -1); }
  717.     editor_updateOutput(objname);
  718.     editor_focus(editor_obj);
  719.   }
  721.   //
  722.   // Switch to WYSIWYG mode
  723.   //
  725.   else {
  726.     config.mode = "wysiwyg";
  727.     var contents = editor_obj.value;
  728.     if (mode == 'init') { contents = document.all[objname].value; } // on init use original textarea content
  730.     // create editor
  731.     editor_obj.outerHTML = RichEdit;
  732.     editor_obj = document.all["_" +objname + "_editor"];
  734.     // get iframe document object
  736.     // create editor contents (and default styles for editor)
  737.     var html = "";
  738.     html += '<html><head>n';
  739.     if (config.stylesheet) {
  740.       html += '<link href="' +config.stylesheet+ '" rel="stylesheet" type="text/css">n';
  741.     }
  742.     html += '<style>n';
  743.     html += 'body {' +config.bodyStyle+ '} n';
  744.     for (var i in config.fontstyles) {
  745.       var fontstyle = config.fontstyles[i];
  746.       if (fontstyle.classStyle) {
  747.         html += '.' +fontstyle.className+ ' {' +fontstyle.classStyle+ '}n';
  748.       }
  749.     }
  750.     html += '</style>n'
  751.       + '</head>n'
  752.       + '<body contenteditable="true" topmargin=1 leftmargin=1'
  754. // still working on this
  755. //      + ' oncontextmenu="parent.editor_cMenu_generate(window,'' +objname+ '');"'
  756.       +'>'
  757.       + contents
  758.       + '</body>n'
  759.       + '</html>n';
  761.     // write to editor window
  762.     var editdoc = editor_obj.contentWindow.document;
  764.     editdoc.open();
  765.     editdoc.write(html);
  766.     editdoc.close();
  768.     editor_updateToolbar(objname, "enable");  // enable toolbar items
  770.     // store objname under editdoc
  771.     editdoc.objname = objname;
  773.     // set event handlers
  774.     editdoc.onkeydown      = function() { editor_event(objname); }
  775.     editdoc.onkeypress     = function() { editor_event(objname); }
  776.     editdoc.onkeyup        = function() { editor_event(objname); }
  777.     editdoc.onmouseup      = function() { editor_event(objname); }
  778.     editdoc.body.ondrop    = function() { editor_event(objname, 100); }     // these events fire before they occur
  779.     editdoc.body.oncut     = function() { editor_event(objname, 100); }
  780.     editdoc.body.onpaste   = function() { editor_event(objname, 100); }
  781.     editdoc.body.onblur    = function() { editor_event(objname, -1); }
  783.     // bring focus to editor
  784.     if (mode != 'init') {             // don't focus on page load, only on mode switch
  785.       editor_focus(editor_obj);
  786.     }
  788.   }
  790.   // Call update UI
  791.   if (mode != 'init') {             // don't update UI on page load, only on mode switch
  792.     editor_event(objname);
  793.   }
  795. }
  797. /* ---------------------------------------------------------------------- *
  798.   Function    : editor_focus
  799.   Description : bring focus to the editor
  800.   Usage       : editor_focus(editor_obj);
  801.   Arguments   : editor_obj - editor object
  802. * ---------------------------------------------------------------------- */
  804. function editor_focus(editor_obj) {
  806.   // check editor mode
  807.   if (editor_obj.tagName.toLowerCase() == 'textarea') {         // textarea
  808.     var myfunc = function() { editor_obj.focus(); };
  809.     setTimeout(myfunc,100);                                     // doesn't work all the time without delay
  810.   }
  812.   else {                                                        // wysiwyg
  813.     var editdoc = editor_obj.contentWindow.document;            // get iframe editor document object
  814.     var editorRange = editdoc.body.createTextRange();           // editor range
  815.     var curRange    = editdoc.selection.createRange();          // selection range
  817.     if (curRange.length == null &&                              // make sure it's not a controlRange
  818.         !editorRange.inRange(curRange)) {                       // is selection in editor range
  819.       editorRange.collapse();                                   // move to start of range
  820.       editorRange.select();                                     // select
  821.       curRange = editorRange;
  822.     }
  823.   }
  825. }
  827. /* ---------------------------------------------------------------------- *
  828.   Function    : editor_about
  829.   Description : display "about this editor" popup
  830. * ---------------------------------------------------------------------- */
  832. function editor_about(objname) {
  833.   showModalDialog(_editor_url + "popups/about.html", window, "resizable: yes; help: no; status: no; scroll: no; ");
  834. }
  836. /* ---------------------------------------------------------------------- *
  837.   Function    : _dec_to_rgb
  838.   Description : convert dec color value to rgb hex
  839.   Usage       : var hex = _dec_to_rgb('65535');   // returns FFFF00
  840.   Arguments   : value   - dec value
  841. * ---------------------------------------------------------------------- */
  843. function _dec_to_rgb(value) {
  844.   var hex_string = "";
  845.   for (var hexpair = 0; hexpair < 3; hexpair++) {
  846.     var myByte = value & 0xFF;            // get low byte
  847.     value >>= 8;                        // drop low byte
  848.     var nybble2 = myByte & 0x0F;          // get low nybble (4 bits)
  849.     var nybble1 = (myByte >> 4) & 0x0F;   // get high nybble
  850.     hex_string += nybble1.toString(16); // convert nybble to hex
  851.     hex_string += nybble2.toString(16); // convert nybble to hex
  852.   }
  853.   return hex_string.toUpperCase();
  854. }
  856. /* ---------------------------------------------------------------------- *
  857.   Function    : editor_insertHTML
  858.   Description : insert string at current cursor position in editor.  If
  859.                 two strings are specifed, surround selected text with them.
  860.   Usage       : editor_insertHTML(objname, str1, [str2], reqSelection)
  861.   Arguments   : objname - ID of textarea
  862.                 str1 - HTML or text to insert
  863.                 str2 - HTML or text to insert (optional argument)
  864.                 reqSelection - (1 or 0) give error if no text selected
  865. * ---------------------------------------------------------------------- */
  867. function editor_insertHTML(objname, str1,str2, reqSel) {
  868.   var config     = document.all[objname].config;
  869.   var editor_obj = document.all["_" +objname + "_editor"];    // editor object
  870.   if (str1 == null) { str1 = ''; }
  871.   if (str2 == null) { str2 = ''; }
  873.   // for non-wysiwyg capable browsers just add to end of textbox
  874.   if (document.all[objname] && editor_obj == null) {
  875.     document.all[objname].focus();
  876.     document.all[objname].value = document.all[objname].value + str1 + str2;
  877.     return;
  878.   }
  880.   // error checking
  881.   if (editor_obj == null) { return alert("Unable to insert HTML.  Invalid object name '" +objname+ "'."); }
  883.   editor_focus(editor_obj);
  885.   var tagname = editor_obj.tagName.toLowerCase();
  886.   var sRange;
  888.  // insertHTML for wysiwyg iframe
  889.   if (tagname == 'iframe') {
  890.     var editdoc = editor_obj.contentWindow.document;
  891.     sRange  = editdoc.selection.createRange();
  892.     var sHtml   = sRange.htmlText;
  894.     // check for control ranges
  895.     if (sRange.length) { return alert("Unable to insert HTML.  Try highlighting content instead of selecting it."); }
  897.     // insert HTML
  898.     var oldHandler = window.onerror;
  899.     window.onerror = function() { alert("Unable to insert HTML for current selection."); return true; } // partial table selections cause errors
  900.     if (sHtml.length) {                                 // if content selected
  901.       if (str2) { sRange.pasteHTML(str1 +sHtml+ str2) } // surround
  902.       else      { sRange.pasteHTML(str1); }             // overwrite
  903.     } else {                                            // if insertion point only
  904.       if (reqSel) { return alert("Unable to insert HTML.  You must select something first."); }
  905.       sRange.pasteHTML(str1 + str2);                    // insert strings
  906.     }
  907.     window.onerror = oldHandler;
  908.   }
  910.   // insertHTML for plaintext textarea
  911.   else if (tagname == 'textarea') {
  912.     editor_obj.focus();
  913.     sRange  = document.selection.createRange();
  914.     var sText   = sRange.text;
  916.     // insert HTML
  917.     if (sText.length) {                                 // if content selected
  918.       if (str2) { sRange.text = str1 +sText+ str2; }  // surround
  919.       else      { sRange.text = str1; }               // overwrite
  920.     } else {                                            // if insertion point only
  921.       if (reqSel) { return alert("Unable to insert HTML.  You must select something first."); }
  922.       sRange.text = str1 + str2;                        // insert strings
  923.     }
  924.   }
  925.   else { alert("Unable to insert HTML.  Unknown object tag type '" +tagname+ "'."); }
  927.   // move to end of new content
  928.   sRange.collapse(false); // move to end of range
  929.   sRange.select();        // re-select
  931. }
  933. /* ---------------------------------------------------------------------- *
  934.   Function    : editor_getHTML
  935.   Description : return HTML contents of editor (in either wywisyg or html mode)
  936.   Usage       : var myHTML = editor_getHTML('objname');
  937. * ---------------------------------------------------------------------- */
  939. function editor_getHTML(objname) {
  940.   var editor_obj = document.all["_" +objname + "_editor"];
  941.   var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
  943.   if (isTextarea) { return editor_obj.value; }
  944.   else            { return editor_obj.contentWindow.document.body.innerHTML; }
  945. }
  947. /* ---------------------------------------------------------------------- *
  948.   Function    : editor_setHTML
  949.   Description : set HTML contents of editor (in either wywisyg or html mode)
  950.   Usage       : editor_setHTML('objname',"<b>html</b> <u>here</u>");
  951. * ---------------------------------------------------------------------- */
  953. function editor_setHTML(objname, html) {
  954.   var editor_obj = document.all["_" +objname + "_editor"];
  955.   var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
  957.   if (isTextarea) { editor_obj.value = html; }
  958.   else            { editor_obj.contentWindow.document.body.innerHTML = html; }
  959. }
  961. /* ---------------------------------------------------------------------- *
  962.   Function    : editor_appendHTML
  963.   Description : append HTML contents to editor (in either wywisyg or html mode)
  964.   Usage       : editor_appendHTML('objname',"<b>html</b> <u>here</u>");
  965. * ---------------------------------------------------------------------- */
  967. function editor_appendHTML(objname, html) {
  968.   var editor_obj = document.all["_" +objname + "_editor"];
  969.   var isTextarea = (editor_obj.tagName.toLowerCase() == 'textarea');
  971.   if (isTextarea) { editor_obj.value += html; }
  972.   else            { editor_obj.contentWindow.document.body.innerHTML += html; }
  973. }
  975. /* ---------------------------------------------------------------- */
  977. function _isMouseOver(obj,event) {       // determine if mouse is over object
  978.   var mouseX    = event.clientX;
  979.   var mouseY    = event.clientY;
  981.   var objTop    = obj.offsetTop;
  982.   var objBottom = obj.offsetTop + obj.offsetHeight;
  983.   var objLeft   = obj.offsetLeft;
  984.   var objRight  = obj.offsetLeft + obj.offsetWidth;
  986.   if (mouseX >= objLeft && mouseX <= objRight &&
  987.       mouseY >= objTop  && mouseY <= objBottom) { return true; }
  989.   return false;
  990. }
  992. /* ---------------------------------------------------------------- */
  994. function editor_cMenu_generate(editorWin,objname) {
  995.   var parentWin = window;
  996.   editorWin.event.returnValue = false;  // cancel default context menu
  998.   // define content menu options
  999.   var cMenuOptions = [ // menu name, shortcut displayed, javascript code
  1000.     ['Cut', 'Ctrl-X', function() {}],
  1001.     ['Copy', 'Ctrl-C', function() {}],
  1002.     ['Paste', 'Ctrl-C', function() {}],
  1003.     ['Delete', 'DEL', function() {}],
  1004.     ['---', null, null],
  1005.     ['Select All', 'Ctrl-A', function() {}],
  1006.     ['Clear All', '', function() {}],
  1007.     ['---', null, null],
  1008.     ['About this editor...', '', function() {
  1009.       alert("about this editor");
  1010.     }]];
  1011.     editor_cMenu.options = cMenuOptions; // save options
  1013.   // generate context menu
  1014.   var cMenuHeader = ''
  1015.     + '<div id="_'+objname+'_cMenu" onblur="editor_cMenu(this);" oncontextmenu="return false;" onselectstart="return false"'
  1016.     + '  style="position: absolute; visibility: hidden; cursor: default; width: 167px; background-color: threedface;'
  1017.     + '         border: solid 1px; border-color: threedlightshadow threeddarkshadow threeddarkshadow threedlightshadow;">'
  1018.     + '<table border=0 cellspacing=0 cellpadding=0 width="100%" style="width: 167px; background-color: threedface; border: solid 1px; border-color: threedhighlight threedshadow threedshadow threedhighlight;">'
  1019.     + ' <tr><td colspan=2 height=1></td></tr>';
  1021.   var cMenuList = '';
  1023.   var cMenuFooter = ''
  1024.     + ' <tr><td colspan=2 height=1></td></tr>'
  1025.     + '</table></div>';
  1027.   for (var menuIdx in editor_cMenu.options) {
  1028.     var menuName = editor_cMenu.options[menuIdx][0];
  1029.     var menuKey  = editor_cMenu.options[menuIdx][1];
  1030.     var menuCode = editor_cMenu.options[menuIdx][2];
  1032.     // separator
  1033.     if (menuName == "---" || menuName == "separator") {
  1034.       cMenuList += ' <tr><td colspan=2 class="cMenuDivOuter"><div class="cMenuDivInner"></div></td></tr>';
  1035.     }
  1037.     // menu option
  1038.     else {
  1039.       cMenuList += '<tr class="cMenu" onMouseOver="editor_cMenu(this)" onMouseOut="editor_cMenu(this)" onClick="editor_cMenu(this, '' +menuIdx+ '','' +objname+ '')">';
  1040.       if (menuKey) { cMenuList += ' <td align=left class="cMenu">' +menuName+ '</td><td align=right class="cMenu">' +menuKey+ '</td>'; }
  1041.       else         { cMenuList += ' <td colspan=2 class="cMenu">' +menuName+ '</td>'; }
  1042.       cMenuList += '</tr>';
  1043.     }
  1044.   }
  1046.   var cMenuHTML = cMenuHeader + cMenuList + cMenuFooter;
  1049.   document.all['_'+objname+'_cMenu'].outerHTML = cMenuHTML;
  1051.   editor_cMenu_setPosition(parentWin, editorWin, objname);
  1053.   parentWin['_'+objname+'_cMenu'].style.visibility = 'visible';
  1054.   parentWin['_'+objname+'_cMenu'].focus();
  1056. }
  1058. /* ---------------------------------------------------------------- */
  1060. function editor_cMenu_setPosition(parentWin, editorWin, objname) {      // set object position that won't overlap window edge
  1061.   var event    = editorWin.event;
  1062.   var cMenuObj = parentWin['_'+objname+'_cMenu'];
  1063.   var mouseX   = event.clientX + parentWin.document.all['_'+objname+'_editor'].offsetLeft;
  1064.   var mouseY   = event.clientY + parentWin.document.all['_'+objname+'_editor'].offsetTop;
  1065.   var cMenuH   = cMenuObj.offsetHeight;
  1066.   var cMenuW   = cMenuObj.offsetWidth;
  1067.   var pageH    = document.body.clientHeight + document.body.scrollTop;
  1068.   var pageW    = document.body.clientWidth + document.body.scrollLeft;
  1070.   // set horzontal position
  1071.   if (mouseX + 5 + cMenuW > pageW) { var left = mouseX - cMenuW - 5; } // too far right
  1072.   else                            { var left = mouseX + 5; }
  1074.   // set vertical position
  1075.   if (mouseY + 5 + cMenuH > pageH) { var top = mouseY - cMenuH + 5; } // too far down
  1076.   else                            { var top = mouseY + 5; }
  1078.   cMenuObj.style.top = top;
  1079.   cMenuObj.style.left = left;
  1081. }
  1083. /* ---------------------------------------------------------------- */
  1085. function editor_cMenu(obj,menuIdx,objname) {
  1086.   var action = event.type;
  1087.   if      (action == "mouseover" && !obj.disabled && obj.tagName.toLowerCase() == 'tr') {
  1088.     obj.className = 'cMenuOver';
  1089.     for (var i=0; i < obj.cells.length; i++) { obj.cells[i].className = 'cMenuOver'; }
  1090.   }
  1091.   else if (action == "mouseout" && !obj.disabled && obj.tagName.toLowerCase() == 'tr')  {
  1092.     obj.className = 'cMenu';
  1093.     for (var i=0; i < obj.cells.length; i++) { obj.cells[i].className = 'cMenu'; }
  1094.   }
  1095.   else if (action == "click" && !obj.disabled) {
  1096.     document.all['_'+objname+'_cMenu'].style.visibility = "hidden";
  1097.     var menucode = editor_cMenu.options[menuIdx][2];
  1098.     menucode();
  1099.   }
  1100.   else if (action == "blur") {
  1101.     if (!_isMouseOver(obj,event)) { obj.style.visibility = 'hidden'; }
  1102.     else {
  1103.       if (obj.style.visibility != "hidden") { obj.focus(); }
  1104.     }
  1105.   }
  1106.   else { alert("editor_cMenu, unknown action: " + action); }
  1107. }
  1109. /* ---------------------------------------------------------------------- */
  1110. //创建以新的配置的对象
  1111. function newConfig(contentName)
  1112. {
  1113. var config = new Object();    // 创建一个新的配置对象
  1114. config.width = "800px";
  1115. config.height = "400px";
  1116. config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';
  1117. config.debug = 0;
  1118. // NOTE:  You can remove any of these blocks and use the default config!
  1119. config.toolbar = [
  1120. ['fontname'],
  1121. ['fontsize'],
  1122. ['fontstyle'],
  1123. ['linebreak'],
  1124. ['bold','italic','underline','separator'],
  1125. //  ['strikethrough','subscript','superscript','separator'],
  1126. ['justifyleft','justifycenter','justifyright','separator'],
  1127. ['OrderedList','UnOrderedList','Outdent','Indent','separator'],
  1128. ['forecolor','backcolor','separator'],
  1129. // ['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],
  1130. // ['about','help','popupeditor'],
  1131. ];
  1133. // 配置对象的字体
  1134. config.fontnames = {
  1135. "宋体":       "宋体",
  1136. "Arial":           "arial, helvetica, sans-serif",
  1137. "Courier New":     "courier new, courier, mono",
  1138. "Georgia":         "Georgia, Times New Roman, Times, Serif",
  1139. "Tahoma":          "Tahoma, Arial, Helvetica, sans-serif",
  1140. "Times New Roman": "times new roman, times, serif",
  1141. "Verdana":         "Verdana, Arial, Helvetica, sans-serif",
  1142. "impact":          "impact",
  1143. "WingDings":       "WingDings"
  1144. };
  1145. // 配置字体的大小
  1146. config.fontsizes = {
  1147. "1 (8 pt)":  "1",
  1148. "2 (10 pt)": "2",
  1149. "3 (12 pt)": "3",
  1150. "4 (14 pt)": "4",
  1151. "5 (18 pt)": "5",
  1152. "6 (24 pt)": "6",
  1153. "7 (36 pt)": "7"
  1154.    };
  1156. // 配置字体的样式
  1157. //// config.stylesheet = "http://www.domain.com/sample.css";
  1159.    // 配置字体的样式
  1160. config.fontstyles = [   // make sure classNames are defined in the page the content is being display as well in or they won't work!
  1161.    { name: "headline",     className: "headline",  classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
  1162.    { name: "arial red",    className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
  1163.    { name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" }
  1164. // leave classStyle blank if it's defined in config.stylesheet (above), like this:
  1165. //  { name: "verdana blue", className: "headline4", classStyle: "" }
  1166. ];
  1168. // 设置对象,和对象的样式
  1169.     editor_generate(contentName,config); // 指定输入区域的样式
  1170. }
  1171. //创建以新的配置的对象:信息修改部分
  1172. function update_newConfig()
  1173. {
  1174. var config = new Object();    // 创建一个新的配置对象
  1175. config.width = "800px";
  1176. config.height = "400px";
  1177. config.bodyStyle = 'background-color: white; font-family: "Verdana"; font-size: x-small;';
  1178. config.debug = 0;
  1179. // NOTE:  You can remove any of these blocks and use the default config!
  1180. config.toolbar = [
  1181. ['fontname'],
  1182. ['fontsize'],
  1183. ['fontstyle'],
  1184. ['linebreak'],
  1185. ['bold','italic','underline','separator'],
  1186. //  ['strikethrough','subscript','superscript','separator'],
  1187. ['justifyleft','justifycenter','justifyright','separator'],
  1188. ['OrderedList','UnOrderedList','Outdent','Indent','separator'],
  1189. ['forecolor','backcolor','separator'],
  1190. // ['HorizontalRule','Createlink','InsertImage','htmlmode','separator'],
  1191. ['about','help','popupeditor'],
  1192. ];
  1194. // 配置对象的字体
  1195. config.fontnames = {
  1196. "宋体":       "宋体",
  1197. "Arial":           "arial, helvetica, sans-serif",
  1198. "Courier New":     "courier new, courier, mono",
  1199. "Georgia":         "Georgia, Times New Roman, Times, Serif",
  1200. "Tahoma":          "Tahoma, Arial, Helvetica, sans-serif",
  1201. "Times New Roman": "times new roman, times, serif",
  1202. "Verdana":         "Verdana, Arial, Helvetica, sans-serif",
  1203. "impact":          "impact",
  1204. "WingDings":       "WingDings"
  1205. };
  1206. // 配置字体的大小
  1207. config.fontsizes = {
  1208. "1 (8 pt)":  "1",
  1209. "2 (10 pt)": "2",
  1210. "3 (12 pt)": "3",
  1211. "4 (14 pt)": "4",
  1212. "5 (18 pt)": "5",
  1213. "6 (24 pt)": "6",
  1214. "7 (36 pt)": "7"
  1215.    };
  1217. // 配置字体的样式
  1218. //// config.stylesheet = "http://www.domain.com/sample.css";
  1220.    // 配置字体的样式
  1221. config.fontstyles = [   // make sure classNames are defined in the page the content is being display as well in or they won't work!
  1222.    { name: "headline",     className: "headline",  classStyle: "font-family: arial black, arial; font-size: 28px; letter-spacing: -2px;" },
  1223.    { name: "arial red",    className: "headline2", classStyle: "font-family: arial black, arial; font-size: 12px; letter-spacing: -2px; color:red" },
  1224.    { name: "verdana blue", className: "headline4", classStyle: "font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue" }
  1225. // leave classStyle blank if it's defined in config.stylesheet (above), like this:
  1226. //  { name: "verdana blue", className: "headline4", classStyle: "" }
  1227. ];
  1229. // 设置对象,和对象的样式
  1230.     editor_generate('content',config); // 指定中文输入区域的样式
  1231. }
  1232. //浏览器版本的控制
  1233. function browserControl()
  1234. {
  1235.     _editor_url = ""; // 当前文件的绝对的路径
  1236.     var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);  // 获得IE浏览器的版本号
  1237.     /*
  1238.      *  判断其他浏览器的方式
  1239.      */
  1240.     if (navigator.userAgent.indexOf('Mac')        >= 0) { win_ie_ver = 0; }
  1241.     if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
  1242.     if (navigator.userAgent.indexOf('Opera')      >= 0) { win_ie_ver = 0; }
  1243.                     // 这里是判断浏览器,需要IE5.5以上的版本支持
  1244.     if (win_ie_ver >= 5.5) {
  1245. // document.write('<scr'+'ipt src="' +_editor_url+ 'js/editor.js" language="Javascript1.2"></scr'+'ipt>');
  1246.     } else {
  1247.             alert("不支持当前浏览器的版本");
  1248.             document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>');
  1249.     }
  1250. // -->
  1251. }