/* -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ /* ***** BEGIN LICENSE BLOCK ***** * Version: MPL 1.1/GPL 2.0/LGPL 2.1 * * The contents of this file are subject to the Mozilla Public License Version * 1.1 (the "License"); you may not use this file except in compliance with * the License. You may obtain a copy of the License at * http://www.mozilla.org/MPL/ * * Software distributed under the License is distributed on an "AS IS" basis, * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License * for the specific language governing rights and limitations under the * License. * * The Original Code is mozilla.org code. * * The Initial Developer of the Original Code is * Netscape Communications Corporation. * Portions created by the Initial Developer are Copyright (C) 1998-1999 * the Initial Developer. All Rights Reserved. * * Contributor(s): * Sammy Ford (sford@swbell.net) * Dan Haddix (dan6992@hotmail.com) * John Ratke (jratke@owc.net) * Ryan Cassin (rcassin@supernova.org) * Daniel Glazman (glazman@netscape.com) * * Alternatively, the contents of this file may be used under the terms of * either of the GNU General Public License Version 2 or later (the "GPL"), * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), * in which case the provisions of the GPL or the LGPL are applicable instead * of those above. If you wish to allow use of your version of this file only * under the terms of either the GPL or the LGPL, and not to allow others to * use your version of this file under the terms of the MPL, indicate your * decision by deleting the provisions above and replace them with the notice * and other provisions required by the GPL or the LGPL. If you do not delete * the provisions above, a recipient may use your version of this file under * the terms of any one of the MPL, the GPL or the LGPL. * * ***** END LICENSE BLOCK ***** */ /* Main Composer window UI control */ var gComposerWindowControllerID = 0; var prefAuthorString = ""; const kDisplayModeNormal = 0; const kDisplayModeAllTags = 1; const kDisplayModeSource = 2; const kDisplayModePreview = 3; const kDisplayModeMenuIDs = ["viewNormalMode", "viewAllTagsMode", "viewSourceMode", "viewPreviewMode"]; const kDisplayModeTabIDS = ["NormalModeButton", "TagModeButton", "SourceModeButton", "PreviewModeButton"]; const kNormalStyleSheet = "chrome://editor/content/EditorContent.css"; const kAllTagsStyleSheet = "chrome://editor/content/EditorAllTags.css"; const kParagraphMarksStyleSheet = "chrome://editor/content/EditorParagraphMarks.css"; const kTextMimeType = "text/plain"; const kHTMLMimeType = "text/html"; const nsIWebNavigation = Components.interfaces.nsIWebNavigation; var gPreviousNonSourceDisplayMode = 1; var gEditorDisplayMode = -1; var gDocWasModified = false; // Check if clean document, if clean then unload when user "Opens" var gContentWindow = 0; var gSourceContentWindow = 0; var gSourceTextEditor = null; var gContentWindowDeck; var gFormatToolbar; var gFormatToolbarHidden = false; var gViewFormatToolbar; var gColorObj = { LastTextColor:"", LastBackgroundColor:"", LastHighlightColor:"", Type:"", SelectedType:"", NoDefault:false, Cancel:false, HighlightColor:"", BackgroundColor:"", PageColor:"", TextColor:"", TableColor:"", CellColor:"" }; var gDefaultTextColor = ""; var gDefaultBackgroundColor = ""; var gCSSPrefListener; var gEditorToolbarPrefListener; var gReturnInParagraphPrefListener; var gPrefs; var gLocalFonts = null; var gLastFocusNode = null; var gLastFocusNodeWasSelected = false; // These must be kept in synch with the XUL lists var gFontSizeNames = ["xx-small","x-small","small","medium","large","x-large","xx-large"]; const nsIFilePicker = Components.interfaces.nsIFilePicker; const kEditorToolbarPrefs = "editor.toolbars.showbutton."; const kUseCssPref = "editor.use_css"; const kCRInParagraphsPref = "editor.CR_creates_new_p"; function ShowHideToolbarSeparators(toolbar) { var childNodes = toolbar.childNodes; var separator = null; var hideSeparator = true; for (var i = 0; childNodes[i].localName != "spacer"; i++) { if (childNodes[i].localName == "toolbarseparator") { if (separator) separator.hidden = true; separator = childNodes[i]; } else if (!childNodes[i].hidden) { if (separator) separator.hidden = hideSeparator; separator = null; hideSeparator = false; } } } function ShowHideToolbarButtons() { var array = GetPrefs().getChildList(kEditorToolbarPrefs, {}); for (var i in array) { var prefName = array[i]; var id = prefName.substr(kEditorToolbarPrefs.length) + "Button"; var button = document.getElementById(id); if (button) button.hidden = !gPrefs.getBoolPref(prefName); } ShowHideToolbarSeparators(document.getElementById("EditToolbar")); ShowHideToolbarSeparators(document.getElementById("FormatToolbar")); } function nsPrefListener(prefName) { this.startup(prefName); } // implements nsIObserver nsPrefListener.prototype = { domain: "", startup: function(prefName) { this.domain = prefName; try { var pbi = pref.QueryInterface(Components.interfaces.nsIPrefBranch2); pbi.addObserver(this.domain, this, false); } catch(ex) { dump("Failed to observe prefs: " + ex + "\n"); } }, shutdown: function() { try { var pbi = pref.QueryInterface(Components.interfaces.nsIPrefBranch2); pbi.removeObserver(this.domain, this); } catch(ex) { dump("Failed to remove pref observers: " + ex + "\n"); } }, observe: function(subject, topic, prefName) { if (!IsHTMLEditor()) return; // verify that we're changing a button pref if (topic != "nsPref:changed") return; if (prefName.substr(0, kUseCssPref.length) == kUseCssPref) { var cmd = document.getElementById("cmd_highlight"); if (cmd) { var prefs = GetPrefs(); var useCSS = prefs.getBoolPref(prefName); var editor = GetCurrentEditor(); if (useCSS && editor) { var mixedObj = {}; var state = editor.getHighlightColorState(mixedObj); cmd.setAttribute("state", state); cmd.collapsed = false; } else { cmd.setAttribute("state", "transparent"); cmd.collapsed = true; } if (editor) editor.isCSSEnabled = useCSS; } } else if (prefName.substr(0, kEditorToolbarPrefs.length) == kEditorToolbarPrefs) { var id = prefName.substr(kEditorToolbarPrefs.length) + "Button"; var button = document.getElementById(id); if (button) { button.hidden = !gPrefs.getBoolPref(prefName); ShowHideToolbarSeparators(button.parentNode); } } else if (prefName.substr(0, kCRInParagraphsPref.length) == kCRInParagraphsPref) { var crInParagraphCreatesParagraph = gPrefs.getBoolPref(prefName); var editor = GetCurrentEditor(); if (editor) editor.returnInParagraphCreatesNewParagraph = crInParagraphCreatesParagraph; } } } function AfterHighlightColorChange() { if (!IsHTMLEditor()) return; var button = document.getElementById("cmd_highlight"); if (button) { var mixedObj = {}; try { var state = GetCurrentEditor().getHighlightColorState(mixedObj); button.setAttribute("state", state); onHighlightColorChange(); } catch (e) {} } } function EditorOnLoad() { // See if argument was passed. if ( window.arguments && window.arguments[0] ) { // Opened via window.openDialog with URL as argument. // Put argument where EditorStartup expects it. document.getElementById( "args" ).setAttribute( "value", window.arguments[0] ); } // get default character set if provided if ("arguments" in window && window.arguments.length > 1 && window.arguments[1]) { if (window.arguments[1].indexOf("charset=") != -1) { var arrayArgComponents = window.arguments[1].split("="); if (arrayArgComponents) { // Put argument where EditorStartup expects it. document.getElementById( "args" ).setAttribute("charset", arrayArgComponents[1]); } } } window.tryToClose = EditorCanClose; // Continue with normal startup. EditorStartup(); // Initialize our source text try { gSourceContentWindow = document.getElementById("content-source"); gSourceContentWindow.makeEditable("text", false); gSourceTextEditor = gSourceContentWindow.getEditor(gSourceContentWindow.contentWindow); gSourceTextEditor.QueryInterface(Components.interfaces.nsIPlaintextEditor); gSourceTextEditor.enableUndo(false); gSourceTextEditor.rootElement.style.fontFamily = "-moz-fixed"; gSourceTextEditor.rootElement.style.whiteSpace = "pre"; gSourceTextEditor.rootElement.style.margin = 0; var controller = Components.classes["@mozilla.org/embedcomp/base-command-controller;1"] .createInstance(Components.interfaces.nsIControllerContext); controller.init(null); controller.setCommandContext(gSourceContentWindow); gSourceContentWindow.contentWindow.controllers.insertControllerAt(0, controller); var commandTable = controller.QueryInterface(Components.interfaces.nsIInterfaceRequestor) .getInterface(Components.interfaces.nsIControllerCommandTable); commandTable.registerCommand("cmd_find", nsFindCommand); commandTable.registerCommand("cmd_findNext", nsFindAgainCommand); commandTable.registerCommand("cmd_findPrev", nsFindAgainCommand); } catch (e) { dump("makeEditable failed: "+e+"\n"); } } const gSourceTextListener = { NotifyDocumentCreated: function NotifyDocumentCreated() {}, NotifyDocumentWillBeDestroyed: function NotifyDocumentWillBeDestroyed() {}, NotifyDocumentStateChanged: function NotifyDocumentStateChanged(isChanged) { window.updateCommands("save"); } }; const gSourceTextObserver = { observe: function observe(aSubject, aTopic, aData) { // we currently only use this to update undo window.updateCommands("undo"); } }; function TextEditorOnLoad() { // See if argument was passed. if ( window.arguments && window.arguments[0] ) { // Opened via window.openDialog with URL as argument. // Put argument where EditorStartup expects it. document.getElementById( "args" ).setAttribute( "value", window.arguments[0] ); } // Continue with normal startup. EditorStartup(); } // This should be called by all editor users when they close their window // or other similar "done with editor" actions, like recycling a Mail Composer window. function EditorCleanup() { SwitchInsertCharToAnotherEditorOrClose(); } var DocumentReloadListener = { NotifyDocumentCreated: function() {}, NotifyDocumentWillBeDestroyed: function() {}, NotifyDocumentStateChanged:function( isNowDirty ) { var editor = GetCurrentEditor(); try { // unregister the listener to prevent multiple callbacks editor.removeDocumentStateListener( DocumentReloadListener ); var charset = editor.documentCharacterSet; // update the META charset with the current presentation charset editor.documentCharacterSet = charset; } catch (e) {} } }; function addEditorClickEventListener() { try { var bodyelement = GetBodyElement(); if (bodyelement) bodyelement.addEventListener("click", EditorClick, false); } catch (e) {} } // implements nsIObserver var gEditorDocumentObserver = { observe: function(aSubject, aTopic, aData) { // Should we allow this even if NOT the focused editor? var commandManager = GetCurrentCommandManager(); if (commandManager != aSubject) return; var editor = GetCurrentEditor(); switch(aTopic) { case "obs_documentCreated": // Just for convenience gContentWindow = window.content; // Get state to see if document creation succeeded var params = newCommandParams(); if (!params) return; try { commandManager.getCommandState(aTopic, gContentWindow, params); var errorStringId = 0; var editorStatus = params.getLongValue("state_data"); if (!editor && editorStatus == nsIEditingSession.eEditorOK) { dump("\n ****** NO EDITOR BUT NO EDITOR ERROR REPORTED ******* \n\n"); editorStatus = nsIEditingSession.eEditorErrorUnknown; } switch (editorStatus) { case nsIEditingSession.eEditorErrorCantEditFramesets: errorStringId = "CantEditFramesetMsg"; break; case nsIEditingSession.eEditorErrorCantEditMimeType: errorStringId = "CantEditMimeTypeMsg"; break; case nsIEditingSession.eEditorErrorUnknown: errorStringId = "CantEditDocumentMsg"; break; // Note that for "eEditorErrorFileNotFound, // network code popped up an alert dialog, so we don't need to } if (errorStringId) AlertWithTitle("", GetString(errorStringId)); } catch(e) { dump("EXCEPTION GETTING obs_documentCreated state "+e+"\n"); } // We have a bad editor -- nsIEditingSession will rebuild an editor // with a blank page, so simply abort here if (editorStatus) return; if (!("InsertCharWindow" in window)) window.InsertCharWindow = null; try { editor.QueryInterface(nsIEditorStyleSheets); // and extra styles for showing anchors, table borders, smileys, etc editor.addOverrideStyleSheet(kNormalStyleSheet); } catch (e) {} // Things for just the Web Composer application if (IsWebComposer()) { var prefs = GetPrefs(); editor.returnInParagraphCreatesNewParagraph = prefs.getBoolPref(kCRInParagraphsPref); // Set focus to content window if not a mail composer // Race conditions prevent us from setting focus here // when loading a url into blank window setTimeout(SetFocusOnStartup, 0); // Call EditorSetDefaultPrefsAndDoctype first so it gets the default author before initing toolbars EditorSetDefaultPrefsAndDoctype(); // We may load a text document into an html editor, // so be sure editortype is set correctly // XXX We really should use the "real" plaintext editor for this! if (editor.contentsMIMEType == "text/plain") { try { GetCurrentEditorElement().editortype = "text"; } catch (e) { dump (e)+"\n"; } // Hide or disable UI not used for plaintext editing HideItem("FormatToolbar"); HideItem("EditModeToolbar"); HideItem("formatMenu"); HideItem("tableMenu"); HideItem("menu_validate"); HideItem("sep_validate"); HideItem("previewButton"); HideItem("imageButton"); HideItem("linkButton"); HideItem("namedAnchorButton"); HideItem("hlineButton"); HideItem("tableButton"); HideItem("fileExportToText"); HideItem("previewInBrowser"); /* XXX When paste actually converts formatted rich text to pretty formatted plain text and pasteNoFormatting is fixed to paste the text without formatting (what paste currently does), then this item shouldn't be hidden: */ HideItem("menu_pasteNoFormatting"); HideItem("cmd_viewFormatToolbar"); HideItem("cmd_viewEditModeToolbar"); HideItem("viewSep1"); HideItem("viewNormalMode"); HideItem("viewAllTagsMode"); HideItem("viewSourceMode"); HideItem("viewPreviewMode"); HideItem("structSpacer"); // Hide everything in "Insert" except for "Symbols" var menuPopup = document.getElementById("insertMenuPopup"); if (menuPopup) { var children = menuPopup.childNodes; for (var i=0; i < children.length; i++) { var item = children.item(i); if (item.id != "insertChars") item.hidden = true; } } } // Set window title UpdateWindowTitle(); // We must wait until document is created to get proper Url // (Windows may load with local file paths) SetSaveAndPublishUI(GetDocumentUrl()); // Start in "Normal" edit mode SetDisplayMode(kDisplayModeNormal); } // Add mouse click watcher if right type of editor if (IsHTMLEditor()) { addEditorClickEventListener(); // Force color widgets to update onFontColorChange(); onBackgroundColorChange(); } break; case "cmd_setDocumentModified": window.updateCommands("save"); break; case "obs_documentWillBeDestroyed": dump("obs_documentWillBeDestroyed notification\n"); break; case "obs_documentLocationChanged": // Ignore this when editor doesn't exist, // which happens once when page load starts if (editor) try { editor.updateBaseURL(); } catch(e) { dump (e); } break; case "cmd_bold": // Update all style items // cmd_bold is a proxy; see EditorSharedStartup (above) for details window.updateCommands("style"); window.updateCommands("undo"); break; } } } function SetFocusOnStartup() { gContentWindow.focus(); } function EditorStartup() { var ds = GetCurrentEditorElement().docShell; ds.useErrorPages = false; var root = ds.QueryInterface(Components.interfaces.nsIDocShellTreeItem). rootTreeItem.QueryInterface(Components.interfaces.nsIDocShell); root.QueryInterface(Components.interfaces.nsIDocShell).appType = Components.interfaces.nsIDocShell.APP_TYPE_EDITOR; var is_HTMLEditor = IsHTMLEditor(); if (is_HTMLEditor) { // XUL elements we use when switching from normal editor to edit source gContentWindowDeck = document.getElementById("ContentWindowDeck"); gFormatToolbar = document.getElementById("FormatToolbar"); gViewFormatToolbar = document.getElementById("viewFormatToolbar"); } // set up our global prefs object GetPrefsService(); // Startup also used by other editor users, such as Message Composer EditorSharedStartup(); // Commands specific to the Composer Application window, // (i.e., not embedded editors) // such as file-related commands, HTML Source editing, Edit Modes... SetupComposerWindowCommands(); ShowHideToolbarButtons(); gEditorToolbarPrefListener = new nsPrefListener(kEditorToolbarPrefs); gCSSPrefListener = new nsPrefListener(kUseCssPref); gReturnInParagraphPrefListener = new nsPrefListener(kCRInParagraphsPref); // hide Highlight button if we are in an HTML editor with CSS mode off // and tell the editor if a CR in a paragraph creates a new paragraph var prefs = GetPrefs(); var cmd = document.getElementById("cmd_highlight"); if (cmd) { var useCSS = prefs.getBoolPref(kUseCssPref); if (!useCSS && is_HTMLEditor) { cmd.collapsed = true; } } // Get url for editor content and load it. // the editor gets instantiated by the edittingSession when the URL has finished loading. var url = document.getElementById("args").getAttribute("value"); try { var charset = document.getElementById("args").getAttribute("charset"); var contentViewer = GetCurrentEditorElement().docShell.contentViewer; contentViewer.QueryInterface(Components.interfaces.nsIMarkupDocumentViewer); contentViewer.defaultCharacterSet = charset; contentViewer.forceCharacterSet = charset; } catch (e) {} EditorLoadUrl(url); } function EditorLoadUrl(url) { try { if (url) GetCurrentEditorElement().webNavigation.loadURI(url, // uri string nsIWebNavigation.LOAD_FLAGS_BYPASS_CACHE, // load flags null, // referrer null, // post-data stream null); } catch (e) { dump(" EditorLoadUrl failed: "+e+"\n"); } } // This should be called by all Composer types function EditorSharedStartup() { // Just for convenience gContentWindow = window.content; // Set up the mime type and register the commands. if (IsHTMLEditor()) SetupHTMLEditorCommands(); else SetupTextEditorCommands(); // add observer to be called when document is really done loading // and is modified // Note: We're really screwed if we fail to install this observer! try { var commandManager = GetCurrentCommandManager(); commandManager.addCommandObserver(gEditorDocumentObserver, "obs_documentCreated"); commandManager.addCommandObserver(gEditorDocumentObserver, "cmd_setDocumentModified"); commandManager.addCommandObserver(gEditorDocumentObserver, "obs_documentWillBeDestroyed"); commandManager.addCommandObserver(gEditorDocumentObserver, "obs_documentLocationChanged"); // Until nsIControllerCommandGroup-based code is implemented, // we will observe just the bold command to trigger update of // all toolbar style items commandManager.addCommandObserver(gEditorDocumentObserver, "cmd_bold"); } catch (e) { dump(e); } var isMac = (GetOS() == gMac); // Set platform-specific hints for how to select cells // Mac uses "Cmd", all others use "Ctrl" var tableKey = GetString(isMac ? "XulKeyMac" : "TableSelectKey"); var dragStr = tableKey+GetString("Drag"); var clickStr = tableKey+GetString("Click"); var delStr = GetString(isMac ? "Clear" : "Del"); SafeSetAttribute("menu_SelectCell", "acceltext", clickStr); SafeSetAttribute("menu_SelectRow", "acceltext", dragStr); SafeSetAttribute("menu_SelectColumn", "acceltext", dragStr); SafeSetAttribute("menu_SelectAllCells", "acceltext", dragStr); // And add "Del" or "Clear" SafeSetAttribute("menu_DeleteCellContents", "acceltext", delStr); // Set text for indent, outdent keybinding // hide UI that we don't have components for RemoveInapplicableUIElements(); gPrefs = GetPrefs(); // Use browser colors as initial values for editor's default colors var BrowserColors = GetDefaultBrowserColors(); if (BrowserColors) { gDefaultTextColor = BrowserColors.TextColor; gDefaultBackgroundColor = BrowserColors.BackgroundColor; } // For new window, no default last-picked colors gColorObj.LastTextColor = ""; gColorObj.LastBackgroundColor = ""; gColorObj.LastHighlightColor = ""; } // This method is only called by Message composer when recycling a compose window function EditorResetFontAndColorAttributes() { try { var editor = GetCurrentEditor(); editor.rebuildDocumentFromSource(""); // Because the selection is now collapsed, the following line // clears the typing state to discontinue all inline styles editor.removeAllInlineProperties(); document.getElementById("cmd_fontFace").setAttribute("state", ""); gColorObj.LastTextColor = ""; gColorObj.LastBackgroundColor = ""; gColorObj.LastHighlightColor = ""; document.getElementById("cmd_fontColor").setAttribute("state", ""); document.getElementById("cmd_backgroundColor").setAttribute("state", ""); UpdateDefaultColors(); } catch (e) {} } function EditorShutdown() { gEditorToolbarPrefListener.shutdown(); gCSSPrefListener.shutdown(); gReturnInParagraphPrefListener.shutdown(); try { var commandManager = GetCurrentCommandManager(); commandManager.removeCommandObserver(gEditorDocumentObserver, "obs_documentCreated"); commandManager.removeCommandObserver(gEditorDocumentObserver, "obs_documentWillBeDestroyed"); commandManager.removeCommandObserver(gEditorDocumentObserver, "obs_documentLocationChanged"); } catch (e) { dump (e); } } function SafeSetAttribute(nodeID, attributeName, attributeValue) { var theNode = document.getElementById(nodeID); if (theNode) theNode.setAttribute(attributeName, attributeValue); } function DocumentHasBeenSaved() { var fileurl = ""; try { fileurl = GetDocumentUrl(); } catch (e) { return false; } if (!fileurl || IsUrlAboutBlank(fileurl)) return false; // We have a file URL already return true; } function CheckAndSaveDocument(command, allowDontSave) { var document; try { // if we don't have an editor or an document, bail var editor = GetCurrentEditor(); document = editor.document; if (!document) return true; } catch (e) { return true; } if (!IsDocumentModified() && !IsHTMLSourceChanged()) return true; // call window.focus, since we need to pop up a dialog // and therefore need to be visible (to prevent user confusion) top.document.commandDispatcher.focusedWindow.focus(); var scheme = GetScheme(GetDocumentUrl()); var doPublish = (scheme && scheme != "file"); var strID; switch (command) { case "cmd_close": strID = "BeforeClosing"; break; case "cmd_preview": strID = "BeforePreview"; break; case "cmd_editSendPage": strID = "SendPageReason"; break; case "cmd_validate": strID = "BeforeValidate"; break; } var reasonToSave = strID ? GetString(strID) : ""; var title = document.title; if (!title) title = GetString("untitled"); var dialogTitle = GetString(doPublish ? "PublishPage" : "SaveDocument"); var dialogMsg = GetString(doPublish ? "PublishPrompt" : "SaveFilePrompt"); dialogMsg = (dialogMsg.replace(/%title%/,title)).replace(/%reason%/,reasonToSave); var promptService = GetPromptService(); if (!promptService) return false; var result = {value:0}; var promptFlags = promptService.BUTTON_TITLE_CANCEL * promptService.BUTTON_POS_1; var button1Title = null; var button3Title = null; if (doPublish) { promptFlags += promptService.BUTTON_TITLE_IS_STRING * promptService.BUTTON_POS_0; button1Title = GetString("Publish"); button3Title = GetString("DontPublish"); } else { promptFlags += promptService.BUTTON_TITLE_SAVE * promptService.BUTTON_POS_0; } // If allowing "Don't..." button, add that if (allowDontSave) promptFlags += doPublish ? (promptService.BUTTON_TITLE_IS_STRING * promptService.BUTTON_POS_2) : (promptService.BUTTON_TITLE_DONT_SAVE * promptService.BUTTON_POS_2); result = promptService.confirmEx(window, dialogTitle, dialogMsg, promptFlags, button1Title, null, button3Title, null, {value:0}); if (result == 0) { // Save, but first finish HTML source mode if (IsHTMLSourceChanged()) { try { FinishHTMLSource(); } catch (e) { return false;} } if (doPublish) { // We save the command the user wanted to do in a global // and return as if user canceled because publishing is asynchronous // This command will be fired when publishing finishes gCommandAfterPublishing = command; goDoCommand("cmd_publish"); return false; } // Save to local disk var contentsMIMEType; if (IsHTMLEditor()) contentsMIMEType = kHTMLMimeType; else contentsMIMEType = kTextMimeType; var success = SaveDocument(false, false, contentsMIMEType); return success; } if (result == 2) // "Don't Save" return true; // Default or result == 1 (Cancel) return false; } // --------------------------- File menu --------------------------- // used by openLocation. see openLocation.js for additional notes. function delayedOpenWindow(chrome, flags, url) { dump("setting timeout\n"); setTimeout("window.openDialog('"+chrome+"','_blank','"+flags+"','"+url+"')", 10); } function EditorNewPlaintext() { window.openDialog( "chrome://editor/content/TextEditorAppShell.xul", "_blank", "chrome,dialog=no,all", "about:blank"); } // Check for changes to document and allow saving before closing // This is hooked up to the OS's window close widget (e.g., "X" for Windows) function EditorCanClose() { // Returns FALSE only if user cancels save action // "true" means allow "Don't Save" button var canClose = CheckAndSaveDocument("cmd_close", true); // This is our only hook into closing via the "X" in the caption // or "Quit" (or other paths?) // so we must shift association to another // editor or close any non-modal windows now if (canClose && "InsertCharWindow" in window && window.InsertCharWindow) SwitchInsertCharToAnotherEditorOrClose(); return canClose; } // --------------------------- View menu --------------------------- function EditorSetDocumentCharacterSet(aCharset) { try { var editor = GetCurrentEditor(); editor.documentCharacterSet = aCharset; var docUrl = GetDocumentUrl(); if( !IsUrlAboutBlank(docUrl)) { // reloading the document will reverse any changes to the META charset, // we need to put them back in, which is achieved by a dedicated listener editor.addDocumentStateListener( DocumentReloadListener ); EditorLoadUrl(docUrl); } } catch (e) {} } // ------------------------------------------------------------------ function updateCharsetPopupMenu(menuPopup) { if (IsDocumentModified() && !IsDocumentEmpty()) { for (var i = 0; i < menuPopup.childNodes.length; i++) { var menuItem = menuPopup.childNodes[i]; menuItem.setAttribute('disabled', 'true'); } } } // --------------------------- Text style --------------------------- function onParagraphFormatChange(paraMenuList, commandID) { if (!paraMenuList) return; var commandNode = document.getElementById(commandID); var state = commandNode.getAttribute("state"); // force match with "normal" if (state == "body") state = ""; if (state == "mixed") { //Selection is the "mixed" ( > 1 style) state paraMenuList.selectedItem = null; paraMenuList.setAttribute("label",GetString('Mixed')); } else { var menuPopup = document.getElementById("ParagraphPopup"); var menuItems = menuPopup.childNodes; for (var i=0; i < menuItems.length; i++) { var menuItem = menuItems.item(i); if ("value" in menuItem && menuItem.value == state) { paraMenuList.selectedItem = menuItem; break; } } } } function onFontFaceChange(fontFaceMenuList, commandID) { var commandNode = document.getElementById(commandID); var state = commandNode.getAttribute("state"); if (state == "mixed") { //Selection is the "mixed" ( > 1 style) state fontFaceMenuList.selectedItem = null; fontFaceMenuList.setAttribute("label",GetString('Mixed')); } else { var menuPopup = document.getElementById("FontFacePopup"); var menuItems = menuPopup.childNodes; for (var i=0; i < menuItems.length; i++) { var menuItem = menuItems.item(i); if (menuItem.getAttribute("label") && ("value" in menuItem && menuItem.value.toLowerCase() == state.toLowerCase())) { fontFaceMenuList.selectedItem = menuItem; break; } } } } function EditorSelectFontSize() { var select = document.getElementById("FontSizeSelect"); if (select) { if (select.selectedIndex == -1) return; EditorSetFontSize(gFontSizeNames[select.selectedIndex]); } } function onFontSizeChange(fontSizeMenulist, commandID) { // If we don't match anything, set to "0 (normal)" var newIndex = 2; var size = fontSizeMenulist.getAttribute("size"); if ( size == "mixed") { // No single type selected newIndex = -1; } else { for (var i = 0; i < gFontSizeNames.length; i++) { if( gFontSizeNames[i] == size ) { newIndex = i; break; } } } if (fontSizeMenulist.selectedIndex != newIndex) fontSizeMenulist.selectedIndex = newIndex; } function EditorSetFontSize(size) { if( size == "0" || size == "normal" || size == "medium" ) { EditorRemoveTextProperty("font", "size"); // Also remove big and small, // else it will seem like size isn't changing correctly EditorRemoveTextProperty("small", ""); EditorRemoveTextProperty("big", ""); } else { // Temp: convert from new CSS size strings to old HTML size strings switch (size) { case "xx-small": case "x-small": size = "-2"; break; case "small": size = "-1"; break; case "large": size = "+1"; break; case "x-large": size = "+2"; break; case "xx-large": size = "+3"; break; } EditorSetTextProperty("font", "size", size); } gContentWindow.focus(); } function initFontFaceMenu(menuPopup) { initLocalFontFaceMenu(menuPopup); if (menuPopup) { var children = menuPopup.childNodes; if (!children) return; var firstHas = { value: false }; var anyHas = { value: false }; var allHas = { value: false }; // we need to set or clear the checkmark for each menu item since the selection // may be in a new location from where it was when the menu was previously opened // Fixed width (second menu item) is special case: old TT ("teletype") attribute EditorGetTextProperty("tt", "", "", firstHas, anyHas, allHas); children[1].setAttribute("checked", allHas.value); if (!anyHas.value) EditorGetTextProperty("font", "face", "", firstHas, anyHas, allHas); children[0].setAttribute("checked", !anyHas.value); // Skip over default, TT, and separator for (var i = 3; i < children.length; i++) { var menuItem = children[i]; var faceType = menuItem.getAttribute("value"); if (faceType) { EditorGetTextProperty("font", "face", faceType, firstHas, anyHas, allHas); // Check the menuitem only if all of selection has the face if (allHas.value) { menuItem.setAttribute("checked", "true"); break; } // in case none match, make sure we've cleared the checkmark menuItem.removeAttribute("checked"); } } } } const kFixedFontFaceMenuItems = 7; // number of fixed font face menuitems function initLocalFontFaceMenu(menuPopup) { if (!gLocalFonts) { // Build list of all local fonts once per editor try { var enumerator = Components.classes["@mozilla.org/gfx/fontenumerator;1"] .getService(Components.interfaces.nsIFontEnumerator); var localFontCount = { value: 0 } gLocalFonts = enumerator.EnumerateAllFonts(localFontCount); } catch(e) { } } var useRadioMenuitems = (menuPopup.parentNode.localName == "menu"); // don't do this for menulists if (menuPopup.childNodes.length == kFixedFontFaceMenuItems) { if (gLocalFonts.length == 0) { menuPopup.childNodes[kFixedFontFaceMenuItems - 1].hidden = true; } for (var i = 0; i < gLocalFonts.length; ++i) { if (gLocalFonts[i] != "") { var itemNode = document.createElementNS(XUL_NS, "menuitem"); itemNode.setAttribute("label", gLocalFonts[i]); itemNode.setAttribute("value", gLocalFonts[i]); if (useRadioMenuitems) { itemNode.setAttribute("type", "radio"); itemNode.setAttribute("name", "2"); itemNode.setAttribute("observes", "cmd_renderedHTMLEnabler"); } menuPopup.appendChild(itemNode); } } } } function initFontSizeMenu(menuPopup) { if (menuPopup) { var children = menuPopup.childNodes; if (!children) return; var firstHas = { value: false }; var anyHas = { value: false }; var allHas = { value: false }; var sizeWasFound = false; // we need to set or clear the checkmark for each menu item since the selection // may be in a new location from where it was when the menu was previously opened // First 2 items add and tags // While it would be better to show the number of levels, // at least this tells user if either of them are set var menuItem = children[0]; if (menuItem) { EditorGetTextProperty("small", "", "", firstHas, anyHas, allHas); menuItem.setAttribute("checked", allHas.value); sizeWasFound = anyHas.value; } menuItem = children[1]; if (menuItem) { EditorGetTextProperty("big", "", "", firstHas, anyHas, allHas); menuItem.setAttribute("checked", allHas.value); sizeWasFound |= anyHas.value; } // Fixed size items start after menu separator var menuIndex = 3; // Index of the medium (default) item var mediumIndex = 5; // Scan through all supported "font size" attribute values for (var i = -2; i <= 3; i++) { menuItem = children[menuIndex]; // Skip over medium since it'll be set below. // If font size=0 is actually set, we'll toggle it off below if // we enter this loop in this case. if (menuItem && (i != 0)) { var sizeString = (i <= 0) ? String(i) : ("+" + String(i)); EditorGetTextProperty("font", "size", sizeString, firstHas, anyHas, allHas); // Check the item only if all of selection has the size... menuItem.setAttribute("checked", allHas.value); // ...but remember if ANY of of selection had size set sizeWasFound |= anyHas.value; } menuIndex++; } // if no size was found, then check default (medium) // note that no item is checked in the case of "mixed" selection children[mediumIndex].setAttribute("checked", !sizeWasFound); } } function onHighlightColorChange() { var commandNode = document.getElementById("cmd_highlight"); if (commandNode) { var color = commandNode.getAttribute("state"); var button = document.getElementById("HighlightColorButton"); if (button) { // No color set - get color set on page or other defaults if (!color) color = "transparent" ; button.setAttribute("style", "background-color:"+color+" !important"); } } } function onFontColorChange() { var commandNode = document.getElementById("cmd_fontColor"); if (commandNode) { var color = commandNode.getAttribute("state"); var button = document.getElementById("TextColorButton"); if (button) { // No color set - get color set on page or other defaults if (!color) color = gDefaultTextColor; button.setAttribute("style", "background-color:"+color); } } } function onBackgroundColorChange() { var commandNode = document.getElementById("cmd_backgroundColor"); if (commandNode) { var color = commandNode.getAttribute("state"); var button = document.getElementById("BackgroundColorButton"); if (button) { if (!color) color = gDefaultBackgroundColor; button.setAttribute("style", "background-color:"+color); } } } // Call this when user changes text and/or background colors of the page function UpdateDefaultColors() { var BrowserColors = GetDefaultBrowserColors(); var bodyelement = GetBodyElement(); var defTextColor = gDefaultTextColor; var defBackColor = gDefaultBackgroundColor; if (bodyelement) { var color = bodyelement.getAttribute("text"); if (color) gDefaultTextColor = color; else if (BrowserColors) gDefaultTextColor = BrowserColors.TextColor; color = bodyelement.getAttribute("bgcolor"); if (color) gDefaultBackgroundColor = color; else if (BrowserColors) gDefaultBackgroundColor = BrowserColors.BackgroundColor; } // Trigger update on toolbar if (defTextColor != gDefaultTextColor) { goUpdateCommandState("cmd_fontColor"); onFontColorChange(); } if (defBackColor != gDefaultBackgroundColor) { goUpdateCommandState("cmd_backgroundColor"); onBackgroundColorChange(); } } function GetBackgroundElementWithColor() { var editor = GetCurrentTableEditor(); if (!editor) return null; gColorObj.Type = ""; gColorObj.PageColor = ""; gColorObj.TableColor = ""; gColorObj.CellColor = ""; gColorObj.BackgroundColor = ""; gColorObj.SelectedType = ""; var tagNameObj = { value: "" }; var element; try { element = editor.getSelectedOrParentTableElement(tagNameObj, {value:0}); } catch(e) {} if (element && tagNameObj && tagNameObj.value) { gColorObj.BackgroundColor = GetHTMLOrCSSStyleValue(element, "bgcolor", "background-color"); gColorObj.BackgroundColor = ConvertRGBColorIntoHEXColor(gColorObj.BackgroundColor); if (tagNameObj.value.toLowerCase() == "td") { gColorObj.Type = "Cell"; gColorObj.CellColor = gColorObj.BackgroundColor; // Get any color that might be on parent table var table = GetParentTable(element); gColorObj.TableColor = GetHTMLOrCSSStyleValue(table, "bgcolor", "background-color"); gColorObj.TableColor = ConvertRGBColorIntoHEXColor(gColorObj.TableColor); } else { gColorObj.Type = "Table"; gColorObj.TableColor = gColorObj.BackgroundColor; } gColorObj.SelectedType = gColorObj.Type; } else { var prefs = GetPrefs(); var IsCSSPrefChecked = prefs.getBoolPref(kUseCssPref); if (IsCSSPrefChecked && IsHTMLEditor()) { var selection = editor.selection; if (selection) { element = selection.focusNode; while (!editor.nodeIsBlock(element)) element = element.parentNode; } else { element = GetBodyElement(); } } else { element = GetBodyElement(); } if (element) { gColorObj.Type = "Page"; gColorObj.BackgroundColor = GetHTMLOrCSSStyleValue(element, "bgcolor", "background-color"); if (gColorObj.BackgroundColor == "") { gColorObj.BackgroundColor = "transparent"; } else { gColorObj.BackgroundColor = ConvertRGBColorIntoHEXColor(gColorObj.BackgroundColor); } gColorObj.PageColor = gColorObj.BackgroundColor; } } return element; } function SetSmiley(smileyText) { try { GetCurrentEditor().insertText(smileyText); gContentWindow.focus(); } catch(e) {} } function EditorSelectColor(colorType, mouseEvent) { var editor = GetCurrentEditor(); if (!editor || !gColorObj) return; // Shift + mouse click automatically applies last color, if available var useLastColor = mouseEvent ? ( mouseEvent.button == 0 && mouseEvent.shiftKey ) : false; var element; var table; var currentColor = ""; var commandNode; if (!colorType) colorType = ""; if (colorType == "Text") { gColorObj.Type = colorType; // Get color from command node state commandNode = document.getElementById("cmd_fontColor"); currentColor = commandNode.getAttribute("state"); currentColor = ConvertRGBColorIntoHEXColor(currentColor); gColorObj.TextColor = currentColor; if (useLastColor && gColorObj.LastTextColor ) gColorObj.TextColor = gColorObj.LastTextColor; else useLastColor = false; } else if (colorType == "Highlight") { gColorObj.Type = colorType; // Get color from command node state commandNode = document.getElementById("cmd_highlight"); currentColor = commandNode.getAttribute("state"); currentColor = ConvertRGBColorIntoHEXColor(currentColor); gColorObj.HighlightColor = currentColor; if (useLastColor && gColorObj.LastHighlightColor ) gColorObj.HighlightColor = gColorObj.LastHighlightColor; else useLastColor = false; } else { element = GetBackgroundElementWithColor(); if (!element) return; // Get the table if we found a cell if (gColorObj.Type == "Table") table = element; else if (gColorObj.Type == "Cell") table = GetParentTable(element); // Save to avoid resetting if not necessary currentColor = gColorObj.BackgroundColor; if (colorType == "TableOrCell" || colorType == "Cell") { if (gColorObj.Type == "Cell") gColorObj.Type = colorType; else if (gColorObj.Type != "Table") return; } else if (colorType == "Table" && gColorObj.Type == "Page") return; if (colorType == "" && gColorObj.Type == "Cell") { // Using empty string for requested type means // we can let user select cell or table gColorObj.Type = "TableOrCell"; } if (useLastColor && gColorObj.LastBackgroundColor ) gColorObj.BackgroundColor = gColorObj.LastBackgroundColor; else useLastColor = false; } // Save the type we are really requesting colorType = gColorObj.Type; if (!useLastColor) { // Avoid the JS warning gColorObj.NoDefault = false; // Launch the ColorPicker dialog // TODO: Figure out how to position this under the color buttons on the toolbar window.openDialog("chrome://editor/content/EdColorPicker.xul", "_blank", "chrome,close,titlebar,modal", "", gColorObj); // User canceled the dialog if (gColorObj.Cancel) return; } if (gColorObj.Type == "Text") { if (currentColor != gColorObj.TextColor) { if (gColorObj.TextColor) EditorSetTextProperty("font", "color", gColorObj.TextColor); else EditorRemoveTextProperty("font", "color"); } // Update the command state (this will trigger color button update) goUpdateCommandState("cmd_fontColor"); } else if (gColorObj.Type == "Highlight") { if (currentColor != gColorObj.HighlightColor) { if (gColorObj.HighlightColor) EditorSetTextProperty("font", "bgcolor", gColorObj.HighlightColor); else EditorRemoveTextProperty("font", "bgcolor"); } // Update the command state (this will trigger color button update) goUpdateCommandState("cmd_highlight"); } else if (element) { if (gColorObj.Type == "Table") { // Set background on a table // Note that we shouldn't trust "currentColor" because of "TableOrCell" behavior if (table) { var bgcolor = table.getAttribute("bgcolor"); if (bgcolor != gColorObj.BackgroundColor) try { if (gColorObj.BackgroundColor) editor.setAttributeOrEquivalent(table, "bgcolor", gColorObj.BackgroundColor, false); else editor.removeAttributeOrEquivalent(table, "bgcolor", false); } catch (e) {} } } else if (currentColor != gColorObj.BackgroundColor && IsHTMLEditor()) { editor.beginTransaction(); try { editor.setBackgroundColor(gColorObj.BackgroundColor); if (gColorObj.Type == "Page" && gColorObj.BackgroundColor) { // Set all page colors not explicitly set, // else you can end up with unreadable pages // because viewer's default colors may not be same as page author's var bodyelement = GetBodyElement(); if (bodyelement) { var defColors = GetDefaultBrowserColors(); if (defColors) { if (!bodyelement.getAttribute("text")) editor.setAttributeOrEquivalent(bodyelement, "text", defColors.TextColor, false); // The following attributes have no individual CSS declaration counterparts // Getting rid of them in favor of CSS implies CSS rules management if (!bodyelement.getAttribute("link")) editor.setAttribute(bodyelement, "link", defColors.LinkColor); if (!bodyelement.getAttribute("alink")) editor.setAttribute(bodyelement, "alink", defColors.ActiveLinkColor); if (!bodyelement.getAttribute("vlink")) editor.setAttribute(bodyelement, "vlink", defColors.VisitedLinkColor); } } } } catch(e) {} editor.endTransaction(); } goUpdateCommandState("cmd_backgroundColor"); } gContentWindow.focus(); } function GetParentTable(element) { var node = element; while (node) { if (node.nodeName.toLowerCase() == "table") return node; node = node.parentNode; } return node; } function GetParentTableCell(element) { var node = element; while (node) { if (node.nodeName.toLowerCase() == "td" || node.nodeName.toLowerCase() == "th") return node; node = node.parentNode; } return node; } function EditorDblClick(event) { // We check event.explicitOriginalTarget here because .target will never // be a textnode (bug 193689) if (event.explicitOriginalTarget) { // Only bring up properties if clicked on an element or selected link var element; try { element = event.explicitOriginalTarget.QueryInterface( Components.interfaces.nsIDOMElement); } catch (e) {} // We use "href" instead of "a" to not be fooled by named anchor if (!element) try { element = GetCurrentEditor().getSelectedElement("href"); } catch (e) {} if (element) { goDoCommand("cmd_objectProperties"); event.preventDefault(); } } } function EditorClick(event) { if (!event) return; if (event.detail == 2) { EditorDblClick(event); return; } // For Web Composer: In Show All Tags Mode, // single click selects entire element, // except for body and table elements if (IsWebComposer() && event.explicitOriginalTarget && IsHTMLEditor() && gEditorDisplayMode == kDisplayModeAllTags) { try { // We check event.explicitOriginalTarget here because .target will never // be a textnode (bug 193689) var element = event.explicitOriginalTarget.QueryInterface( Components.interfaces.nsIDOMElement); var name = element.localName.toLowerCase(); if (name != "body" && name != "table" && name != "td" && name != "th" && name != "caption" && name != "tr") { GetCurrentEditor().selectElement(event.explicitOriginalTarget); event.preventDefault(); } } catch (e) {} } } /*TODO: We need an oncreate hook to do enabling/disabling for the Format menu. There should be code like this for the object-specific "Properties" item */ // For property dialogs, we want the selected element, // but will accept a parent link, list, or table cell if inside one function GetObjectForProperties() { var editor = GetCurrentEditor(); if (!editor || !IsHTMLEditor()) return null; var element; try { element = editor.getSelectedElement(""); } catch (e) {} if (element) return element; // Find nearest parent of selection anchor node // that is a link, list, table cell, or table var anchorNode var node; try { anchorNode = editor.selection.anchorNode; if (anchorNode.firstChild) { // Start at actual selected node var offset = editor.selection.anchorOffset; // Note: If collapsed, offset points to element AFTER caret, // thus node may be null node = anchorNode.childNodes.item(offset); } if (!node) node = anchorNode; } catch (e) {} while (node) { if (node.nodeName) { var nodeName = node.nodeName.toLowerCase(); // Done when we hit the body if (nodeName == "body") break; if ((nodeName == "a" && node.href) || nodeName == "ol" || nodeName == "ul" || nodeName == "dl" || nodeName == "td" || nodeName == "th" || nodeName == "table") { return node; } } node = node.parentNode; } return null; } function SetEditMode(mode) { if (!IsHTMLEditor()) return; var bodyElement = GetBodyElement(); if (!bodyElement) { dump("SetEditMode: We don't have a body node!\n"); return; } // must have editor if here! var editor = GetCurrentEditor(); // Switch the UI mode before inserting contents // so user can't type in source window while new window is being filled var previousMode = gEditorDisplayMode; if (!SetDisplayMode(mode)) return; if (mode == kDisplayModeSource) { // Display the DOCTYPE as a non-editable string above edit area var domdoc; try { domdoc = editor.document; } catch (e) { dump( e + "\n");} if (domdoc) { var doctypeNode = document.getElementById("doctype-text"); var dt = domdoc.doctype; if (doctypeNode) { if (dt) { doctypeNode.collapsed = false; var doctypeText = "" doctypeNode.setAttribute("value", doctypeText); } else doctypeNode.collapsed = true; } } // Get the entire document's source string var flags = (editor.documentCharacterSet == "ISO-8859-1") ? 32768 // OutputEncodeLatin1Entities : 16384; // OutputEncodeBasicEntities try { var encodeEntity = gPrefs.getCharPref("editor.encode_entity"); switch (encodeEntity) { case "basic" : flags = 16384; break; // OutputEncodeBasicEntities case "latin1" : flags = 32768; break; // OutputEncodeLatin1Entities case "html" : flags = 65536; break; // OutputEncodeHTMLEntities case "none" : flags = 0; break; } } catch (e) { } try { var prettyPrint = gPrefs.getBoolPref("editor.prettyprint"); if (prettyPrint) flags |= 2; // OutputFormatted } catch (e) {} flags |= 1024; // OutputLFLineBreak var source = editor.outputToString(kHTMLMimeType, flags); var start = source.search(/ from the newly-parsed document // (must do this for proper conversion of "escaped" characters) var title = ""; var titlenodelist = editor.document.getElementsByTagName("title"); if (titlenodelist) { var titleNode = titlenodelist.item(0); if (titleNode && titleNode.firstChild && titleNode.firstChild.data) title = titleNode.firstChild.data; } if (editor.document.title != title) SetDocumentTitle(title); } catch (ex) { dump(ex); } editor.endTransaction(); // Restore unlimited undo count try { editor.transactionManager.maxTransactionCount = -1; } catch (e) {} } // Clear out the string buffers gSourceContentWindow.commandManager.removeCommandObserver(gSourceTextObserver, "cmd_undo"); gSourceTextEditor.removeDocumentStateListener(gSourceTextListener); gSourceTextEditor.enableUndo(false); gSourceTextEditor.selectAll(); gSourceTextEditor.deleteSelection(gSourceTextEditor.eNone); gSourceTextEditor.resetModificationCount(); gContentWindow.focus(); } } function CancelHTMLSource() { // Don't convert source text back into the DOM document gSourceTextEditor.resetModificationCount(); SetDisplayMode(gPreviousNonSourceDisplayMode); } function FinishHTMLSource() { //Here we need to check whether the HTML source contains and tags //Or RebuildDocumentFromSource() will fail. if (IsInHTMLSourceMode()) { var htmlSource = gSourceTextEditor.outputToString(kTextMimeType, 1024); // OutputLFLineBreak if (htmlSource.length > 0) { var beginHead = htmlSource.indexOf("