var Attacklab = Attacklab || {}; Attacklab.wmdBase = function(){ // A few handy aliases for readability. var wmd = top.Attacklab; var doc = top.document; var re = top.RegExp; var nav = top.navigator; // Some namespaces. wmd.Util = {}; wmd.Position = {}; wmd.Command = {}; wmd.Global = {}; var util = wmd.Util; var position = wmd.Position; var command = wmd.Command; var global = wmd.Global; // Used to work around some browser bugs where we can't use feature testing. global.isIE = /msie/.test(nav.userAgent.toLowerCase()); global.isIE_5or6 = /msie 6/.test(nav.userAgent.toLowerCase()) || /msie 5/.test(nav.userAgent.toLowerCase()); global.isIE_7plus = global.isIE && !global.isIE_5or6; global.isOpera = /opera/.test(nav.userAgent.toLowerCase()); global.isKonqueror = /konqueror/.test(nav.userAgent.toLowerCase()); var toolbar_strong_label = $.i18n._('bold') + " Ctrl-B"; var toolbar_emphasis_label = $.i18n._('italic') + " Ctrl-I"; var toolbar_hyperlink_label = $.i18n._('link') + " Ctrl-L"; var toolbar_blockquote_label = $.i18n._('quote') + "
Ctrl-."; var toolbar_code_label = $.i18n._('preformatted text') + "
 Ctrl-K";
    var toolbar_image_label = $.i18n._('image') + "  Ctrl-G";
    var toolbar_numbered_label = $.i18n._('numbered list') + " 
    Ctrl-O"; var toolbar_bulleted_label = $.i18n._('bulleted list') + "
      Ctrl-U"; var toolbar_heading_label = $.i18n._('heading') + "

      /

      Ctrl-H"; var toolbar_horizontal_label = $.i18n._('horizontal bar') + "
      Ctrl-R"; var toolbar_undo_label = $.i18n._('undo') + " Ctrl-Z"; var toolbar_redo_label = $.i18n._('redo') + " Ctrl-Y"; // ------------------------------------------------------------------- // YOUR CHANGES GO HERE // // I've tried to localize the things you are likely to change to // this area. // ------------------------------------------------------------------- // The text that appears on the upper part of the dialog box when // entering links. var imageDialogText = "

      " + $.i18n._('enter image url') + '

      '; var linkDialogText = "

      " + $.i18n._('enter url') + '

      '; var uploadImageHTML ="
      " + $.i18n._('upload image') + "
      " + "
      " + ""; // The default text that appears in the dialog input box when entering // links. var imageDefaultText = "http://"; var linkDefaultText = "http://"; // The location of your button images relative to the base directory. var imageDirectory = "images/"; // Some intervals in ms. These can be adjusted to reduce the control's load. var previewPollInterval = 500; var pastePollInterval = 100; // The link and title for the help button var helpLink = "http://wmd-editor.com/"; var helpHoverTitle = "WMD website"; var helpTarget = "_blank"; // ------------------------------------------------------------------- // END OF YOUR CHANGES // ------------------------------------------------------------------- // A collection of the important regions on the page. // Cached so we don't have to keep traversing the DOM. wmd.PanelCollection = function(){ this.buttonBar = doc.getElementById("wmd-button-bar"); this.preview = doc.getElementById("previewer"); this.output = doc.getElementById("wmd-output"); this.input = doc.getElementById("editor"); }; // This PanelCollection object can't be filled until after the page // has loaded. wmd.panels = undefined; // Internet explorer has problems with CSS sprite buttons that use HTML // lists. When you click on the background image "button", IE will // select the non-existent link text and discard the selection in the // textarea. The solution to this is to cache the textarea selection // on the button's mousedown event and set a flag. In the part of the // code where we need to grab the selection, we check for the flag // and, if it's set, use the cached area instead of querying the // textarea. // // This ONLY affects Internet Explorer (tested on versions 6, 7 // and 8) and ONLY on button clicks. Keyboard shortcuts work // normally since the focus never leaves the textarea. wmd.ieCachedRange = null; // cached textarea selection wmd.ieRetardedClick = false; // flag // Returns true if the DOM element is visible, false if it's hidden. // Checks if display is anything other than none. util.isVisible = function (elem) { if (window.getComputedStyle) { // Most browsers return window.getComputedStyle(elem, null).getPropertyValue("display") !== "none"; } else if (elem.currentStyle) { // IE return elem.currentStyle["display"] !== "none"; } }; // Adds a listener callback to a DOM element which is fired on a specified // event. util.addEvent = function(elem, event, listener){ if (elem.attachEvent) { // IE only. The "on" is mandatory. elem.attachEvent("on" + event, listener); } else { // Other browsers. elem.addEventListener(event, listener, false); } }; // Removes a listener callback from a DOM element which is fired on a specified // event. util.removeEvent = function(elem, event, listener){ if (elem.detachEvent) { // IE only. The "on" is mandatory. elem.detachEvent("on" + event, listener); } else { // Other browsers. elem.removeEventListener(event, listener, false); } }; // Converts \r\n and \r to \n. util.fixEolChars = function(text){ text = text.replace(/\r\n/g, "\n"); text = text.replace(/\r/g, "\n"); return text; }; // Extends a regular expression. Returns a new RegExp // using pre + regex + post as the expression. // Used in a few functions where we have a base // expression and we want to pre- or append some // conditions to it (e.g. adding "$" to the end). // The flags are unchanged. // // regex is a RegExp, pre and post are strings. util.extendRegExp = function(regex, pre, post){ if (pre === null || pre === undefined) { pre = ""; } if(post === null || post === undefined) { post = ""; } var pattern = regex.toString(); var flags; // Replace the flags with empty space and store them. pattern = pattern.replace(/\/([gim]*)$/, ""); flags = re.$1; // Remove the slash delimiters on the regular expression. pattern = pattern.replace(/(^\/|\/$)/g, ""); pattern = pre + pattern + post; return new re(pattern, flags); } // Sets the image for a button passed to the WMD editor. // Returns a new element with the image attached. // Adds several style properties to the image. util.createImage = function(img){ var imgPath = imageDirectory + img; var elem = doc.createElement("img"); elem.className = "wmd-button"; elem.src = imgPath; return elem; }; // This simulates a modal dialog box and asks for the URL when you // click the hyperlink or image buttons. // // text: The html for the input box. // defaultInputText: The default value that appears in the input box. // makeLinkMarkdown: The function which is executed when the prompt is dismissed, either via OK or Cancel util.prompt = function(text, defaultInputText, makeLinkMarkdown){ // These variables need to be declared at this level since they are used // in multiple functions. var dialog; // The dialog box. var background; // The background beind the dialog box. var input; // The text box where you enter the hyperlink. var type = 0; // The dialog box type(0: Link, 1: Image) if(arguments.length == 4) type = arguments[3]; if (defaultInputText === undefined) { defaultInputText = ""; } // Used as a keydown event handler. Esc dismisses the prompt. // Key code 27 is ESC. var checkEscape = function(key){ var code = (key.charCode || key.keyCode); if (code === 27) { close(true); } }; // Dismisses the hyperlink input box. // isCancel is true if we don't care about the input text. // isCancel is false if we are going to keep the text. var close = function(isCancel){ util.removeEvent(doc.body, "keydown", checkEscape); var text = input.value; if (isCancel){ text = null; } else{ // Fixes common pasting errors. text = text.replace('http://http://', 'http://'); text = text.replace('http://https://', 'https://'); text = text.replace('http://ftp://', 'ftp://'); if (text.indexOf('http://') === -1 && text.indexOf('ftp://') === -1) { text = 'http://' + text; } } dialog.parentNode.removeChild(dialog); background.parentNode.removeChild(background); makeLinkMarkdown(text); return false; }; // Creates the background behind the hyperlink text entry box. // Most of this has been moved to CSS but the div creation and // browser-specific hacks remain here. var createBackground = function(){ background = doc.createElement("div"); background.className = "wmd-prompt-background"; style = background.style; style.position = "absolute"; style.top = "0"; style.zIndex = "1000"; // Some versions of Konqueror don't support transparent colors // so we make the whole window transparent. // // Is this necessary on modern konqueror browsers? if (global.isKonqueror){ style.backgroundColor = "transparent"; } else if (global.isIE){ style.filter = "alpha(opacity=50)"; } else { style.opacity = "0.5"; } var pageSize = position.getPageSize(); style.height = pageSize[1] + "px"; if(global.isIE){ style.left = doc.documentElement.scrollLeft; style.width = doc.documentElement.clientWidth; } else { style.left = "0"; style.width = "100%"; } doc.body.appendChild(background); }; // Create the text input box form/window. var createDialog = function(){ // The main dialog box. dialog = doc.createElement("div"); dialog.className = "wmd-prompt-dialog"; dialog.style.padding = "10px;"; dialog.style.position = "fixed"; dialog.style.width = "400px"; dialog.style.zIndex = "1001"; // The dialog text. var question = doc.createElement("div"); question.innerHTML = text; question.style.padding = "5px"; dialog.appendChild(question); // The web form container for the text box and buttons. var form = doc.createElement("form"); form.onsubmit = function(){ return close(false); }; style = form.style; style.padding = "0"; style.margin = "0"; style.cssFloat = "left"; style.width = "100%"; style.textAlign = "center"; style.position = "relative"; dialog.appendChild(form); // The input text box input = doc.createElement("input"); if(type == 1) input.id = "image-url"; input.type = "text"; input.value = defaultInputText; style = input.style; style.display = "block"; style.width = "80%"; style.marginLeft = style.marginRight = "auto"; form.appendChild(input); // The upload file input if(type == 1){ var upload = doc.createElement("div"); upload.innerHTML = uploadImageHTML; upload.style.padding = "5px"; form.appendChild(upload); } // The ok button var okButton = doc.createElement("input"); okButton.type = "button"; okButton.onclick = function(){ return close(false); }; okButton.value = "OK"; style = okButton.style; style.margin = "10px"; style.display = "inline"; style.width = "7em"; // The cancel button var cancelButton = doc.createElement("input"); cancelButton.type = "button"; cancelButton.onclick = function(){ return close(true); }; cancelButton.value = "Cancel"; style = cancelButton.style; style.margin = "10px"; style.display = "inline"; style.width = "7em"; // The order of these buttons is different on macs. if (/mac/.test(nav.platform.toLowerCase())) { form.appendChild(cancelButton); form.appendChild(okButton); } else { form.appendChild(okButton); form.appendChild(cancelButton); } util.addEvent(doc.body, "keydown", checkEscape); dialog.style.top = "50%"; dialog.style.left = "50%"; dialog.style.display = "block"; if(global.isIE_5or6){ dialog.style.position = "absolute"; dialog.style.top = doc.documentElement.scrollTop + 200 + "px"; dialog.style.left = "50%"; } doc.body.appendChild(dialog); // This has to be done AFTER adding the dialog to the form if you // want it to be centered. dialog.style.marginTop = -(position.getHeight(dialog) / 2) + "px"; dialog.style.marginLeft = -(position.getWidth(dialog) / 2) + "px"; }; createBackground(); // Why is this in a zero-length timeout? // Is it working around a browser bug? top.setTimeout(function(){ createDialog(); var defTextLen = defaultInputText.length; if (input.selectionStart !== undefined) { input.selectionStart = 0; input.selectionEnd = defTextLen; } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(false); range.moveStart("character", -defTextLen); range.moveEnd("character", defTextLen); range.select(); } input.focus(); }, 0); }; // UNFINISHED // The assignment in the while loop makes jslint cranky. // I'll change it to a better loop later. position.getTop = function(elem, isInner){ var result = elem.offsetTop; if (!isInner) { while (elem = elem.offsetParent) { result += elem.offsetTop; } } return result; }; position.getHeight = function (elem) { return elem.offsetHeight || elem.scrollHeight; }; position.getWidth = function (elem) { return elem.offsetWidth || elem.scrollWidth; }; position.getPageSize = function(){ var scrollWidth, scrollHeight; var innerWidth, innerHeight; // It's not very clear which blocks work with which browsers. if(self.innerHeight && self.scrollMaxY){ scrollWidth = doc.body.scrollWidth; scrollHeight = self.innerHeight + self.scrollMaxY; } else if(doc.body.scrollHeight > doc.body.offsetHeight){ scrollWidth = doc.body.scrollWidth; scrollHeight = doc.body.scrollHeight; } else{ scrollWidth = doc.body.offsetWidth; scrollHeight = doc.body.offsetHeight; } if(self.innerHeight){ // Non-IE browser innerWidth = self.innerWidth; innerHeight = self.innerHeight; } else if(doc.documentElement && doc.documentElement.clientHeight){ // Some versions of IE (IE 6 w/ a DOCTYPE declaration) innerWidth = doc.documentElement.clientWidth; innerHeight = doc.documentElement.clientHeight; } else if(doc.body){ // Other versions of IE innerWidth = doc.body.clientWidth; innerHeight = doc.body.clientHeight; } var maxWidth = Math.max(scrollWidth, innerWidth); var maxHeight = Math.max(scrollHeight, innerHeight); return [maxWidth, maxHeight, innerWidth, innerHeight]; }; // Watches the input textarea, polling at an interval and runs // a callback function if anything has changed. wmd.inputPoller = function(callback, interval){ var pollerObj = this; var inputArea = wmd.panels.input; // Stored start, end and text. Used to see if there are changes to the input. var lastStart; var lastEnd; var markdown; var killHandle; // Used to cancel monitoring on destruction. // Checks to see if anything has changed in the textarea. // If so, it runs the callback. this.tick = function(){ if (!util.isVisible(inputArea)) { return; } // Update the selection start and end, text. if (inputArea.selectionStart || inputArea.selectionStart === 0) { var start = inputArea.selectionStart; var end = inputArea.selectionEnd; if (start != lastStart || end != lastEnd) { lastStart = start; lastEnd = end; if (markdown != inputArea.value) { markdown = inputArea.value; return true; } } } return false; }; var doTickCallback = function(){ if (!util.isVisible(inputArea)) { return; } // If anything has changed, call the function. if (pollerObj.tick()) { callback(); } }; // Set how often we poll the textarea for changes. var assignInterval = function(){ // previewPollInterval is set at the top of the namespace. killHandle = top.setInterval(doTickCallback, interval); }; this.destroy = function(){ top.clearInterval(killHandle); }; assignInterval(); }; // Handles pushing and popping TextareaStates for undo/redo commands. // I should rename the stack variables to list. wmd.undoManager = function(callback){ var undoObj = this; var undoStack = []; // A stack of undo states var stackPtr = 0; // The index of the current state var mode = "none"; var lastState; // The last state var poller; var timer; // The setTimeout handle for cancelling the timer var inputStateObj; // Set the mode for later logic steps. var setMode = function(newMode, noSave){ if (mode != newMode) { mode = newMode; if (!noSave) { saveState(); } } if (!global.isIE || mode != "moving") { timer = top.setTimeout(refreshState, 1); } else { inputStateObj = null; } }; var refreshState = function(){ inputStateObj = new wmd.TextareaState(); poller.tick(); timer = undefined; }; this.setCommandMode = function(){ mode = "command"; saveState(); timer = top.setTimeout(refreshState, 0); }; this.canUndo = function(){ return stackPtr > 1; }; this.canRedo = function(){ if (undoStack[stackPtr + 1]) { return true; } return false; }; // Removes the last state and restores it. this.undo = function(){ if (undoObj.canUndo()) { if (lastState) { // What about setting state -1 to null or checking for undefined? lastState.restore(); lastState = null; } else { undoStack[stackPtr] = new wmd.TextareaState(); undoStack[--stackPtr].restore(); if (callback) { callback(); } } } mode = "none"; wmd.panels.input.focus(); refreshState(); }; // Redo an action. this.redo = function(){ if (undoObj.canRedo()) { undoStack[++stackPtr].restore(); if (callback) { callback(); } } mode = "none"; wmd.panels.input.focus(); refreshState(); }; // Push the input area state to the stack. var saveState = function(){ var currState = inputStateObj || new wmd.TextareaState(); if (!currState) { return false; } if (mode == "moving") { if (!lastState) { lastState = currState; } return; } if (lastState) { if (undoStack[stackPtr - 1].text != lastState.text) { undoStack[stackPtr++] = lastState; } lastState = null; } undoStack[stackPtr++] = currState; undoStack[stackPtr + 1] = null; if (callback) { callback(); } }; var handleCtrlYZ = function(event){ var handled = false; if (event.ctrlKey || event.metaKey) { // IE and Opera do not support charCode. var keyCode = event.charCode || event.keyCode; var keyCodeChar = String.fromCharCode(keyCode); switch (keyCodeChar) { case "y": undoObj.redo(); handled = true; break; case "z": if (!event.shiftKey) { undoObj.undo(); } else { undoObj.redo(); } handled = true; break; } } if (handled) { if (event.preventDefault) { event.preventDefault(); } if (top.event) { top.event.returnValue = false; } return; } }; // Set the mode depending on what is going on in the input area. var handleModeChange = function(event){ if (!event.ctrlKey && !event.metaKey) { var keyCode = event.keyCode; if ((keyCode >= 33 && keyCode <= 40) || (keyCode >= 63232 && keyCode <= 63235)) { // 33 - 40: page up/dn and arrow keys // 63232 - 63235: page up/dn and arrow keys on safari setMode("moving"); } else if (keyCode == 8 || keyCode == 46 || keyCode == 127) { // 8: backspace // 46: delete // 127: delete setMode("deleting"); } else if (keyCode == 13) { // 13: Enter setMode("newlines"); } else if (keyCode == 27) { // 27: escape setMode("escape"); } else if ((keyCode < 16 || keyCode > 20) && keyCode != 91) { // 16-20 are shift, etc. // 91: left window key // I think this might be a little messed up since there are // a lot of nonprinting keys above 20. setMode("typing"); } } }; var setEventHandlers = function(){ util.addEvent(wmd.panels.input, "keypress", function(event){ // keyCode 89: y // keyCode 90: z if ((event.ctrlKey || event.metaKey) && (event.keyCode == 89 || event.keyCode == 90)) { event.preventDefault(); } }); var handlePaste = function(){ if (global.isIE || (inputStateObj && inputStateObj.text != wmd.panels.input.value)) { if (timer == undefined) { mode = "paste"; saveState(); refreshState(); } } }; // pastePollInterval is specified at the beginning of this namespace. poller = new wmd.inputPoller(handlePaste, pastePollInterval); util.addEvent(wmd.panels.input, "keydown", handleCtrlYZ); util.addEvent(wmd.panels.input, "keydown", handleModeChange); util.addEvent(wmd.panels.input, "mousedown", function(){ setMode("moving"); }); wmd.panels.input.onpaste = handlePaste; wmd.panels.input.ondrop = handlePaste; }; var init = function(){ setEventHandlers(); refreshState(); saveState(); }; this.destroy = function(){ if (poller) { poller.destroy(); } }; init(); }; // I think my understanding of how the buttons and callbacks are stored in the array is incomplete. wmd.editor = function(previewRefreshCallback){ if (!previewRefreshCallback) { previewRefreshCallback = function(){}; } var inputBox = wmd.panels.input; var offsetHeight = 0; var editObj = this; var mainDiv; var mainSpan; var div; // This name is pretty ambiguous. I should rename this. // Used to cancel recurring events from setInterval. var creationHandle; var undoMgr; // The undo manager // Perform the button's action. var doClick = function(button){ inputBox.focus(); if (button.textOp) { if (undoMgr) { undoMgr.setCommandMode(); } var state = new wmd.TextareaState(); if (!state) { return; } var chunks = state.getChunks(); // Some commands launch a "modal" prompt dialog. Javascript // can't really make a modal dialog box and the WMD code // will continue to execute while the dialog is displayed. // This prevents the dialog pattern I'm used to and means // I can't do something like this: // // var link = CreateLinkDialog(); // makeMarkdownLink(link); // // Instead of this straightforward method of handling a // dialog I have to pass any code which would execute // after the dialog is dismissed (e.g. link creation) // in a function parameter. // // Yes this is awkward and I think it sucks, but there's // no real workaround. Only the image and link code // create dialogs and require the function pointers. var fixupInputArea = function(){ inputBox.focus(); if (chunks) { state.setChunks(chunks); } state.restore(); previewRefreshCallback(); }; var noCleanup = button.textOp(chunks, fixupInputArea); if(!noCleanup) { fixupInputArea(); } } if (button.execute) { button.execute(editObj); } }; var setUndoRedoButtonStates = function(){ if(undoMgr){ setupButton(document.getElementById("wmd-undo-button"), undoMgr.canUndo()); setupButton(document.getElementById("wmd-redo-button"), undoMgr.canRedo()); } }; var setupButton = function(button, isEnabled) { var normalYShift = "0px"; var disabledYShift = "-20px"; var highlightYShift = "-40px"; if(isEnabled) { button.style.backgroundPosition = button.XShift + " " + normalYShift; button.onmouseover = function(){ this.style.backgroundPosition = this.XShift + " " + highlightYShift; }; button.onmouseout = function(){ this.style.backgroundPosition = this.XShift + " " + normalYShift; }; // IE tries to select the background image "button" text (it's // implemented in a list item) so we have to cache the selection // on mousedown. if(global.isIE) { button.onmousedown = function() { wmd.ieRetardedClick = true; wmd.ieCachedRange = document.selection.createRange(); }; } if (!button.isHelp) { button.onclick = function() { if (this.onmouseout) { this.onmouseout(); } doClick(this); return false; } } } else { button.style.backgroundPosition = button.XShift + " " + disabledYShift; button.onmouseover = button.onmouseout = button.onclick = function(){}; } } var makeSpritedButtonRow = function(){ var buttonBar = document.getElementById("wmd-button-bar"); var normalYShift = "0px"; var disabledYShift = "-20px"; var highlightYShift = "-40px"; var buttonRow = document.createElement("ul"); buttonRow.id = "wmd-button-row"; buttonRow = buttonBar.appendChild(buttonRow); var boldButton = document.createElement("li"); boldButton.className = "wmd-button"; boldButton.id = "wmd-bold-button"; boldButton.title = toolbar_strong_label; boldButton.XShift = "0px"; boldButton.textOp = command.doBold; setupButton(boldButton, true); buttonRow.appendChild(boldButton); var italicButton = document.createElement("li"); italicButton.className = "wmd-button"; italicButton.id = "wmd-italic-button"; italicButton.title = toolbar_emphasis_label; italicButton.XShift = "-20px"; italicButton.textOp = command.doItalic; setupButton(italicButton, true); buttonRow.appendChild(italicButton); var spacer1 = document.createElement("li"); spacer1.className = "wmd-spacer"; spacer1.id = "wmd-spacer1"; buttonRow.appendChild(spacer1); var linkButton = document.createElement("li"); linkButton.className = "wmd-button"; linkButton.id = "wmd-link-button"; linkButton.title = toolbar_hyperlink_label; linkButton.XShift = "-40px"; linkButton.textOp = function(chunk, postProcessing){ return command.doLinkOrImage(chunk, postProcessing, false); }; setupButton(linkButton, true); buttonRow.appendChild(linkButton); var quoteButton = document.createElement("li"); quoteButton.className = "wmd-button"; quoteButton.id = "wmd-quote-button"; quoteButton.title = toolbar_blockquote_label; quoteButton.XShift = "-60px"; quoteButton.textOp = command.doBlockquote; setupButton(quoteButton, true); buttonRow.appendChild(quoteButton); var codeButton = document.createElement("li"); codeButton.className = "wmd-button"; codeButton.id = "wmd-code-button"; codeButton.title = toolbar_code_label; codeButton.XShift = "-80px"; codeButton.textOp = command.doCode; setupButton(codeButton, true); buttonRow.appendChild(codeButton); var imageButton = document.createElement("li"); imageButton.className = "wmd-button"; imageButton.id = "wmd-image-button"; imageButton.title = toolbar_image_label; imageButton.XShift = "-100px"; imageButton.textOp = function(chunk, postProcessing){ return command.doLinkOrImage(chunk, postProcessing, true); }; setupButton(imageButton, true); buttonRow.appendChild(imageButton); var spacer2 = document.createElement("li"); spacer2.className = "wmd-spacer"; spacer2.id = "wmd-spacer2"; buttonRow.appendChild(spacer2); var olistButton = document.createElement("li"); olistButton.className = "wmd-button"; olistButton.id = "wmd-olist-button"; olistButton.title = toolbar_numbered_label; olistButton.XShift = "-120px"; olistButton.textOp = function(chunk, postProcessing){ command.doList(chunk, postProcessing, true); }; setupButton(olistButton, true); buttonRow.appendChild(olistButton); var ulistButton = document.createElement("li"); ulistButton.className = "wmd-button"; ulistButton.id = "wmd-ulist-button"; ulistButton.title = toolbar_bulleted_label; ulistButton.XShift = "-140px"; ulistButton.textOp = function(chunk, postProcessing){ command.doList(chunk, postProcessing, false); }; setupButton(ulistButton, true); buttonRow.appendChild(ulistButton); var headingButton = document.createElement("li"); headingButton.className = "wmd-button"; headingButton.id = "wmd-heading-button"; headingButton.title = toolbar_heading_label; headingButton.XShift = "-160px"; headingButton.textOp = command.doHeading; setupButton(headingButton, true); buttonRow.appendChild(headingButton); var hrButton = document.createElement("li"); hrButton.className = "wmd-button"; hrButton.id = "wmd-hr-button"; hrButton.title = toolbar_horizontal_label; hrButton.XShift = "-180px"; hrButton.textOp = command.doHorizontalRule; setupButton(hrButton, true); buttonRow.appendChild(hrButton); var spacer3 = document.createElement("li"); spacer3.className = "wmd-spacer"; spacer3.id = "wmd-spacer3"; buttonRow.appendChild(spacer3); var undoButton = document.createElement("li"); undoButton.className = "wmd-button"; undoButton.id = "wmd-undo-button"; undoButton.title = toolbar_undo_label; undoButton.XShift = "-200px"; undoButton.execute = function(manager){ manager.undo(); }; setupButton(undoButton, true); buttonRow.appendChild(undoButton); var redoButton = document.createElement("li"); redoButton.className = "wmd-button"; redoButton.id = "wmd-redo-button"; redoButton.title = toolbar_redo_label; if (/win/.test(nav.platform.toLowerCase())) { redoButton.title = toolbar_redo_label; } else { // mac and other non-Windows platforms redoButton.title = $.i18n._('redo') + " - Ctrl+Shift+Z"; } redoButton.XShift = "-220px"; redoButton.execute = function(manager){ manager.redo(); }; setupButton(redoButton, true); buttonRow.appendChild(redoButton); /* var helpButton = document.createElement("li"); helpButton.className = "wmd-button"; helpButton.id = "wmd-help-button"; helpButton.XShift = "-240px"; helpButton.isHelp = true; var helpAnchor = document.createElement("a"); helpAnchor.href = helpLink; helpAnchor.target = helpTarget helpAnchor.title = helpHoverTitle; helpButton.appendChild(helpAnchor); setupButton(helpButton, true); buttonRow.appendChild(helpButton); */ setUndoRedoButtonStates(); } var setupEditor = function(){ if (/\?noundo/.test(doc.location.href)) { wmd.nativeUndo = true; } if (!wmd.nativeUndo) { undoMgr = new wmd.undoManager(function(){ previewRefreshCallback(); setUndoRedoButtonStates(); }); } makeSpritedButtonRow(); var keyEvent = "keydown"; if (global.isOpera) { keyEvent = "keypress"; } util.addEvent(inputBox, keyEvent, function(key){ // Check to see if we have a button key and, if so execute the callback. if (key.ctrlKey || key.metaKey) { var keyCode = key.charCode || key.keyCode; var keyCodeStr = String.fromCharCode(keyCode).toLowerCase(); // Bugfix for messed up DEL and . if (keyCode === 46) { keyCodeStr = ""; } if (keyCode === 190) { keyCodeStr = "."; } switch(keyCodeStr) { case "b": doClick(document.getElementById("wmd-bold-button")); break; case "i": doClick(document.getElementById("wmd-italic-button")); break; case "l": doClick(document.getElementById("wmd-link-button")); break; case ".": doClick(document.getElementById("wmd-quote-button")); break; case "k": doClick(document.getElementById("wmd-code-button")); break; case "g": doClick(document.getElementById("wmd-image-button")); break; case "o": doClick(document.getElementById("wmd-olist-button")); break; case "u": doClick(document.getElementById("wmd-ulist-button")); break; case "h": doClick(document.getElementById("wmd-heading-button")); break; case "r": doClick(document.getElementById("wmd-hr-button")); break; case "y": doClick(document.getElementById("wmd-redo-button")); break; case "z": if(key.shiftKey) { doClick(document.getElementById("wmd-redo-button")); } else { doClick(document.getElementById("wmd-undo-button")); } break; default: return; } if (key.preventDefault) { key.preventDefault(); } if (top.event) { top.event.returnValue = false; } } }); // Auto-indent on shift-enter util.addEvent(inputBox, "keyup", function(key){ if (key.shiftKey && !key.ctrlKey && !key.metaKey) { var keyCode = key.charCode || key.keyCode; // Character 13 is Enter if (keyCode === 13) { fakeButton = {}; fakeButton.textOp = command.doAutoindent; doClick(fakeButton); } } }); if (inputBox.form) { var submitCallback = inputBox.form.onsubmit; inputBox.form.onsubmit = function(){ convertToHtml(); if (submitCallback) { return submitCallback.apply(this, arguments); } }; } }; // Convert the contents of the input textarea to HTML in the output/preview panels. var convertToHtml = function(){ if (wmd.showdown) { var markdownConverter = new wmd.showdown.converter(); } var text = inputBox.value; var callback = function(){ inputBox.value = text; }; if (!/markdown/.test(wmd.wmd_env.output.toLowerCase())) { if (markdownConverter) { inputBox.value = markdownConverter.makeHtml(text); top.setTimeout(callback, 0); } } return true; }; this.undo = function(){ if (undoMgr) { undoMgr.undo(); } }; this.redo = function(){ if (undoMgr) { undoMgr.redo(); } }; // This is pretty useless. The setupEditor function contents // should just be copied here. var init = function(){ setupEditor(); }; this.destroy = function(){ if (undoMgr) { undoMgr.destroy(); } if (div.parentNode) { div.parentNode.removeChild(div); } if (inputBox) { inputBox.style.marginTop = ""; } top.clearInterval(creationHandle); }; init(); }; // The input textarea state/contents. // This is used to implement undo/redo by the undo manager. wmd.TextareaState = function(){ // Aliases var stateObj = this; var inputArea = wmd.panels.input; this.init = function() { if (!util.isVisible(inputArea)) { return; } this.setInputAreaSelectionStartEnd(); this.scrollTop = inputArea.scrollTop; if (!this.text && inputArea.selectionStart || inputArea.selectionStart === 0) { this.text = inputArea.value; } } // Sets the selected text in the input box after we've performed an // operation. this.setInputAreaSelection = function(){ if (!util.isVisible(inputArea)) { return; } if (inputArea.selectionStart !== undefined && !global.isOpera) { inputArea.focus(); inputArea.selectionStart = stateObj.start; inputArea.selectionEnd = stateObj.end; inputArea.scrollTop = stateObj.scrollTop; } else if (doc.selection) { if (doc.activeElement && doc.activeElement !== inputArea) { return; } inputArea.focus(); var range = inputArea.createTextRange(); range.moveStart("character", -inputArea.value.length); range.moveEnd("character", -inputArea.value.length); range.moveEnd("character", stateObj.end); range.moveStart("character", stateObj.start); range.select(); } }; this.setInputAreaSelectionStartEnd = function(){ if (inputArea.selectionStart || inputArea.selectionStart === 0) { stateObj.start = inputArea.selectionStart; stateObj.end = inputArea.selectionEnd; } else if (doc.selection) { stateObj.text = util.fixEolChars(inputArea.value); // IE loses the selection in the textarea when buttons are // clicked. On IE we cache the selection and set a flag // which we check for here. var range; if(wmd.ieRetardedClick && wmd.ieCachedRange) { range = wmd.ieCachedRange; wmd.ieRetardedClick = false; } else { range = doc.selection.createRange(); } var fixedRange = util.fixEolChars(range.text); var marker = "\x07"; var markedRange = marker + fixedRange + marker; range.text = markedRange; var inputText = util.fixEolChars(inputArea.value); range.moveStart("character", -markedRange.length); range.text = fixedRange; stateObj.start = inputText.indexOf(marker); stateObj.end = inputText.lastIndexOf(marker) - marker.length; var len = stateObj.text.length - util.fixEolChars(inputArea.value).length; if (len) { range.moveStart("character", -fixedRange.length); while (len--) { fixedRange += "\n"; stateObj.end += 1; } range.text = fixedRange; } this.setInputAreaSelection(); } }; // Restore this state into the input area. this.restore = function(){ if (stateObj.text != undefined && stateObj.text != inputArea.value) { inputArea.value = stateObj.text; } this.setInputAreaSelection(); inputArea.scrollTop = stateObj.scrollTop; }; // Gets a collection of HTML chunks from the inptut textarea. this.getChunks = function(){ var chunk = new wmd.Chunks(); chunk.before = util.fixEolChars(stateObj.text.substring(0, stateObj.start)); chunk.startTag = ""; chunk.selection = util.fixEolChars(stateObj.text.substring(stateObj.start, stateObj.end)); chunk.endTag = ""; chunk.after = util.fixEolChars(stateObj.text.substring(stateObj.end)); chunk.scrollTop = stateObj.scrollTop; return chunk; }; // Sets the TextareaState properties given a chunk of markdown. this.setChunks = function(chunk){ chunk.before = chunk.before + chunk.startTag; chunk.after = chunk.endTag + chunk.after; if (global.isOpera) { chunk.before = chunk.before.replace(/\n/g, "\r\n"); chunk.selection = chunk.selection.replace(/\n/g, "\r\n"); chunk.after = chunk.after.replace(/\n/g, "\r\n"); } this.start = chunk.before.length; this.end = chunk.before.length + chunk.selection.length; this.text = chunk.before + chunk.selection + chunk.after; this.scrollTop = chunk.scrollTop; }; this.init(); }; // before: contains all the text in the input box BEFORE the selection. // after: contains all the text in the input box AFTER the selection. wmd.Chunks = function(){ }; // startRegex: a regular expression to find the start tag // endRegex: a regular expresssion to find the end tag wmd.Chunks.prototype.findTags = function(startRegex, endRegex){ var chunkObj = this; var regex; if (startRegex) { regex = util.extendRegExp(startRegex, "", "$"); this.before = this.before.replace(regex, function(match){ chunkObj.startTag = chunkObj.startTag + match; return ""; }); regex = util.extendRegExp(startRegex, "^", ""); this.selection = this.selection.replace(regex, function(match){ chunkObj.startTag = chunkObj.startTag + match; return ""; }); } if (endRegex) { regex = util.extendRegExp(endRegex, "", "$"); this.selection = this.selection.replace(regex, function(match){ chunkObj.endTag = match + chunkObj.endTag; return ""; }); regex = util.extendRegExp(endRegex, "^", ""); this.after = this.after.replace(regex, function(match){ chunkObj.endTag = match + chunkObj.endTag; return ""; }); } }; // If remove is false, the whitespace is transferred // to the before/after regions. // // If remove is true, the whitespace disappears. wmd.Chunks.prototype.trimWhitespace = function(remove){ this.selection = this.selection.replace(/^(\s*)/, ""); if (!remove) { this.before += re.$1; } this.selection = this.selection.replace(/(\s*)$/, ""); if (!remove) { this.after = re.$1 + this.after; } }; wmd.Chunks.prototype.skipLines = function(nLinesBefore, nLinesAfter, findExtraNewlines){ if (nLinesBefore === undefined) { nLinesBefore = 1; } if (nLinesAfter === undefined) { nLinesAfter = 1; } nLinesBefore++; nLinesAfter++; var regexText; var replacementText; this.selection = this.selection.replace(/(^\n*)/, ""); this.startTag = this.startTag + re.$1; this.selection = this.selection.replace(/(\n*$)/, ""); this.endTag = this.endTag + re.$1; this.startTag = this.startTag.replace(/(^\n*)/, ""); this.before = this.before + re.$1; this.endTag = this.endTag.replace(/(\n*$)/, ""); this.after = this.after + re.$1; if (this.before) { regexText = replacementText = ""; while (nLinesBefore--) { regexText += "\\n?"; replacementText += "\n"; } if (findExtraNewlines) { regexText = "\\n*"; } this.before = this.before.replace(new re(regexText + "$", ""), replacementText); } if (this.after) { regexText = replacementText = ""; while (nLinesAfter--) { regexText += "\\n?"; replacementText += "\n"; } if (findExtraNewlines) { regexText = "\\n*"; } this.after = this.after.replace(new re(regexText, ""), replacementText); } }; // The markdown symbols - 4 spaces = code, > = blockquote, etc. command.prefixes = "(?:\\s{4,}|\\s*>|\\s*-\\s+|\\s*\\d+\\.|=|\\+|-|_|\\*|#|\\s*\\[[^\n]]+\\]:)"; // Remove markdown symbols from the chunk selection. command.unwrap = function(chunk){ var txt = new re("([^\\n])\\n(?!(\\n|" + command.prefixes + "))", "g"); chunk.selection = chunk.selection.replace(txt, "$1 $2"); }; command.wrap = function(chunk, len){ command.unwrap(chunk); var regex = new re("(.{1," + len + "})( +|$\\n?)", "gm"); chunk.selection = chunk.selection.replace(regex, function(line, marked){ if (new re("^" + command.prefixes, "").test(line)) { return line; } return marked + "\n"; }); chunk.selection = chunk.selection.replace(/\s+$/, ""); }; command.doBold = function(chunk, postProcessing){ return command.doBorI(chunk, postProcessing, 2, "strong text"); }; command.doItalic = function(chunk, postProcessing){ return command.doBorI(chunk, postProcessing, 1, "emphasized text"); }; // chunk: The selected region that will be enclosed with */** // nStars: 1 for italics, 2 for bold // insertText: If you just click the button without highlighting text, this gets inserted command.doBorI = function(chunk, postProcessing, nStars, insertText){ // Get rid of whitespace and fixup newlines. chunk.trimWhitespace(); chunk.selection = chunk.selection.replace(/\n{2,}/g, "\n"); // Look for stars before and after. Is the chunk already marked up? chunk.before.search(/(\**$)/); var starsBefore = re.$1; chunk.after.search(/(^\**)/); var starsAfter = re.$1; var prevStars = Math.min(starsBefore.length, starsAfter.length); // Remove stars if we have to since the button acts as a toggle. if ((prevStars >= nStars) && (prevStars != 2 || nStars != 1)) { chunk.before = chunk.before.replace(re("[*]{" + nStars + "}$", ""), ""); chunk.after = chunk.after.replace(re("^[*]{" + nStars + "}", ""), ""); } else if (!chunk.selection && starsAfter) { // It's not really clear why this code is necessary. It just moves // some arbitrary stuff around. chunk.after = chunk.after.replace(/^([*_]*)/, ""); chunk.before = chunk.before.replace(/(\s?)$/, ""); var whitespace = re.$1; chunk.before = chunk.before + starsAfter + whitespace; } else { // In most cases, if you don't have any selected text and click the button // you'll get a selected, marked up region with the default text inserted. if (!chunk.selection && !starsAfter) { chunk.selection = insertText; } // Add the true markup. var markup = nStars <= 1 ? "*" : "**"; // shouldn't the test be = ? chunk.before = chunk.before + markup; chunk.after = markup + chunk.after; } return; }; command.stripLinkDefs = function(text, defsToAdd){ text = text.replace(/^[ ]{0,3}\[(\d+)\]:[ \t]*\n?[ \t]*?[ \t]*\n?[ \t]*(?:(\n*)["(](.+?)[")][ \t]*)?(?:\n+|$)/gm, function(totalMatch, id, link, newlines, title){ defsToAdd[id] = totalMatch.replace(/\s*$/, ""); if (newlines) { // Strip the title and return that separately. defsToAdd[id] = totalMatch.replace(/["(](.+?)[")]$/, ""); return newlines + title; } return ""; }); return text; }; command.addLinkDef = function(chunk, linkDef){ var refNumber = 0; // The current reference number var defsToAdd = {}; // // Start with a clean slate by removing all previous link definitions. chunk.before = command.stripLinkDefs(chunk.before, defsToAdd); chunk.selection = command.stripLinkDefs(chunk.selection, defsToAdd); chunk.after = command.stripLinkDefs(chunk.after, defsToAdd); var defs = ""; var regex = /(\[(?:\[[^\]]*\]|[^\[\]])*\][ ]?(?:\n[ ]*)?\[)(\d+)(\])/g; var addDefNumber = function(def){ refNumber++; def = def.replace(/^[ ]{0,3}\[(\d+)\]:/, " [" + refNumber + "]:"); defs += "\n" + def; }; var getLink = function(wholeMatch, link, id, end){ if (defsToAdd[id]) { addDefNumber(defsToAdd[id]); return link + refNumber + end; } return wholeMatch; }; chunk.before = chunk.before.replace(regex, getLink); if (linkDef) { addDefNumber(linkDef); } else { chunk.selection = chunk.selection.replace(regex, getLink); } var refOut = refNumber; chunk.after = chunk.after.replace(regex, getLink); if (chunk.after) { chunk.after = chunk.after.replace(/\n*$/, ""); } if (!chunk.after) { chunk.selection = chunk.selection.replace(/\n*$/, ""); } chunk.after += "\n\n" + defs; return refOut; }; command.doLinkOrImage = function(chunk, postProcessing, isImage){ chunk.trimWhitespace(); chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\[.*?\])?/); if (chunk.endTag.length > 1) { chunk.startTag = chunk.startTag.replace(/!?\[/, ""); chunk.endTag = ""; command.addLinkDef(chunk, null); } else { if (/\n\n/.test(chunk.selection)) { command.addLinkDef(chunk, null); return; } // The function to be executed when you enter a link and press OK or Cancel. // Marks up the link and adds the ref. var makeLinkMarkdown = function(link){ if (link !== null) { chunk.startTag = chunk.endTag = ""; var linkDef = " [999]: " + link; var num = command.addLinkDef(chunk, linkDef); chunk.startTag = isImage ? "![" : "["; chunk.endTag = "][" + num + "]"; if (!chunk.selection) { if (isImage) { chunk.selection = "alt text"; } else { chunk.selection = "link text"; } } } postProcessing(); }; if (isImage) { // add forth param to identify image window util.prompt(imageDialogText, imageDefaultText, makeLinkMarkdown, 1); } else { util.prompt(linkDialogText, linkDefaultText, makeLinkMarkdown); } return true; } }; util.makeAPI = function(){ wmd.wmd = {}; wmd.wmd.editor = wmd.editor; wmd.wmd.previewManager = wmd.previewManager; }; util.startEditor = function(){ if (wmd.wmd_env.autostart === false) { util.makeAPI(); return; } var edit; // The editor (buttons + input + outputs) - the main object. var previewMgr; // The preview manager. // Fired after the page has fully loaded. var loadListener = function(){ wmd.panels = new wmd.PanelCollection(); previewMgr = new wmd.previewManager(); var previewRefreshCallback = previewMgr.refresh; edit = new wmd.editor(previewRefreshCallback); previewMgr.refresh(true); }; util.addEvent(top, "load", loadListener); }; wmd.previewManager = function(){ var managerObj = this; var converter; var poller; var timeout; var elapsedTime; var oldInputText; var htmlOut; var maxDelay = 3000; var startType = "delayed"; // The other legal value is "manual" // Adds event listeners to elements and creates the input poller. var setupEvents = function(inputElem, listener){ util.addEvent(inputElem, "input", listener); inputElem.onpaste = listener; inputElem.ondrop = listener; util.addEvent(inputElem, "keypress", listener); util.addEvent(inputElem, "keydown", listener); // previewPollInterval is set at the top of this file. poller = new wmd.inputPoller(listener, previewPollInterval); }; var getDocScrollTop = function(){ var result = 0; if (top.innerHeight) { result = top.pageYOffset; } else if (doc.documentElement && doc.documentElement.scrollTop) { result = doc.documentElement.scrollTop; } else if (doc.body) { result = doc.body.scrollTop; } return result; }; var makePreviewHtml = function(){ // If there are no registered preview and output panels // there is nothing to do. if (!wmd.panels.preview && !wmd.panels.output) { return; } var text = wmd.panels.input.value; if (text && text == oldInputText) { return; // Input text hasn't changed. } else { oldInputText = text; } var prevTime = new Date().getTime(); if (!converter && wmd.showdown) { converter = new wmd.showdown.converter(); } if (converter) { text = converter.makeHtml(text); } // Calculate the processing time of the HTML creation. // It's used as the delay time in the event listener. var currTime = new Date().getTime(); elapsedTime = currTime - prevTime; pushPreviewHtml(text); htmlOut = text; }; // setTimeout is already used. Used as an event listener. var applyTimeout = function(){ if (timeout) { top.clearTimeout(timeout); timeout = undefined; } if (startType !== "manual") { var delay = 0; if (startType === "delayed") { delay = elapsedTime; } if (delay > maxDelay) { delay = maxDelay; } timeout = top.setTimeout(makePreviewHtml, delay); } }; var getScaleFactor = function(panel){ if (panel.scrollHeight <= panel.clientHeight) { return 1; } return panel.scrollTop / (panel.scrollHeight - panel.clientHeight); }; var setPanelScrollTops = function(){ if (wmd.panels.preview) { wmd.panels.preview.scrollTop = (wmd.panels.preview.scrollHeight - wmd.panels.preview.clientHeight) * getScaleFactor(wmd.panels.preview); ; } if (wmd.panels.output) { wmd.panels.output.scrollTop = (wmd.panels.output.scrollHeight - wmd.panels.output.clientHeight) * getScaleFactor(wmd.panels.output); ; } }; this.refresh = function(requiresRefresh){ if (requiresRefresh) { oldInputText = ""; makePreviewHtml(); } else { applyTimeout(); } }; this.processingTime = function(){ return elapsedTime; }; // The output HTML this.output = function(){ return htmlOut; }; // The mode can be "manual" or "delayed" this.setUpdateMode = function(mode){ startType = mode; managerObj.refresh(); }; var isFirstTimeFilled = true; var pushPreviewHtml = function(text){ var emptyTop = position.getTop(wmd.panels.input) - getDocScrollTop(); // Send the encoded HTML to the output textarea/div. if (wmd.panels.output) { // The value property is only defined if the output is a textarea. if (wmd.panels.output.value !== undefined) { wmd.panels.output.value = text; wmd.panels.output.readOnly = true; } // Otherwise we are just replacing the text in a div. // Send the HTML wrapped in
      
      				else {
      					var newText = text.replace(/&/g, "&");
      					newText = newText.replace(/
      "; } } if (wmd.panels.preview) { wmd.panels.preview.innerHTML = text; } setPanelScrollTops(); if (isFirstTimeFilled) { isFirstTimeFilled = false; return; } var fullTop = position.getTop(wmd.panels.input) - getDocScrollTop(); if (global.isIE) { top.setTimeout(function(){ top.scrollBy(0, fullTop - emptyTop); }, 0); } else { top.scrollBy(0, fullTop - emptyTop); } }; var init = function(){ setupEvents(wmd.panels.input, applyTimeout); makePreviewHtml(); if (wmd.panels.preview) { wmd.panels.preview.scrollTop = 0; } if (wmd.panels.output) { wmd.panels.output.scrollTop = 0; } }; this.destroy = function(){ if (poller) { poller.destroy(); } }; init(); }; // When making a list, hitting shift-enter will put your cursor on the next line // at the current indent level. command.doAutoindent = function(chunk, postProcessing){ chunk.before = chunk.before.replace(/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]*\n$/, "\n\n"); chunk.before = chunk.before.replace(/(\n|^)[ ]{0,3}>[ \t]*\n$/, "\n\n"); chunk.before = chunk.before.replace(/(\n|^)[ \t]+\n$/, "\n\n"); if(/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]+.*\n$/.test(chunk.before)){ if(command.doList){ command.doList(chunk); } } if(/(\n|^)[ ]{0,3}>[ \t]+.*\n$/.test(chunk.before)){ if(command.doBlockquote){ command.doBlockquote(chunk); } } if(/(\n|^)(\t|[ ]{4,}).*\n$/.test(chunk.before)){ if(command.doCode){ command.doCode(chunk); } } }; command.doBlockquote = function(chunk, postProcessing){ chunk.selection = chunk.selection.replace(/^(\n*)([^\r]+?)(\n*)$/, function(totalMatch, newlinesBefore, text, newlinesAfter){ chunk.before += newlinesBefore; chunk.after = newlinesAfter + chunk.after; return text; }); chunk.before = chunk.before.replace(/(>[ \t]*)$/, function(totalMatch, blankLine){ chunk.selection = blankLine + chunk.selection; return ""; }); chunk.selection = chunk.selection.replace(/^(\s|>)+$/ ,""); chunk.selection = chunk.selection || "Blockquote"; if(chunk.before){ chunk.before = chunk.before.replace(/\n?$/,"\n"); } if(chunk.after){ chunk.after = chunk.after.replace(/^\n?/,"\n"); } chunk.before = chunk.before.replace(/(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*$)/, function(totalMatch){ chunk.startTag = totalMatch; return ""; }); chunk.after = chunk.after.replace(/^(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*)/, function(totalMatch){ chunk.endTag = totalMatch; return ""; }); var replaceBlanksInTags = function(useBracket){ var replacement = useBracket ? "> " : ""; if(chunk.startTag){ chunk.startTag = chunk.startTag.replace(/\n((>|\s)*)\n$/, function(totalMatch, markdown){ return "\n" + markdown.replace(/^[ ]{0,3}>?[ \t]*$/gm, replacement) + "\n"; }); } if(chunk.endTag){ chunk.endTag = chunk.endTag.replace(/^\n((>|\s)*)\n/, function(totalMatch, markdown){ return "\n" + markdown.replace(/^[ ]{0,3}>?[ \t]*$/gm, replacement) + "\n"; }); } }; if(/^(?![ ]{0,3}>)/m.test(chunk.selection)){ command.wrap(chunk, wmd.wmd_env.lineLength - 2); chunk.selection = chunk.selection.replace(/^/gm, "> "); replaceBlanksInTags(true); chunk.skipLines(); } else{ chunk.selection = chunk.selection.replace(/^[ ]{0,3}> ?/gm, ""); command.unwrap(chunk); replaceBlanksInTags(false); if(!/^(\n|^)[ ]{0,3}>/.test(chunk.selection) && chunk.startTag){ chunk.startTag = chunk.startTag.replace(/\n{0,2}$/, "\n\n"); } if(!/(\n|^)[ ]{0,3}>.*$/.test(chunk.selection) && chunk.endTag){ chunk.endTag=chunk.endTag.replace(/^\n{0,2}/, "\n\n"); } } if(!/\n/.test(chunk.selection)){ chunk.selection = chunk.selection.replace(/^(> *)/, function(wholeMatch, blanks){ chunk.startTag += blanks; return ""; }); } }; command.doCode = function(chunk, postProcessing){ var hasTextBefore = /\S[ ]*$/.test(chunk.before); var hasTextAfter = /^[ ]*\S/.test(chunk.after); // Use 'four space' markdown if the selection is on its own // line or is multiline. if((!hasTextAfter && !hasTextBefore) || /\n/.test(chunk.selection)){ chunk.before = chunk.before.replace(/[ ]{4}$/, function(totalMatch){ chunk.selection = totalMatch + chunk.selection; return ""; }); var nLinesBack = 1; var nLinesForward = 1; if(/\n(\t|[ ]{4,}).*\n$/.test(chunk.before)){ nLinesBack = 0; } if(/^\n(\t|[ ]{4,})/.test(chunk.after)){ nLinesForward = 0; } chunk.skipLines(nLinesBack, nLinesForward); if(!chunk.selection){ chunk.startTag = " "; chunk.selection = "enter code here"; } else { if(/^[ ]{0,3}\S/m.test(chunk.selection)){ chunk.selection = chunk.selection.replace(/^/gm, " "); } else{ chunk.selection = chunk.selection.replace(/^[ ]{4}/gm, ""); } } } else{ // Use backticks (`) to delimit the code block. chunk.trimWhitespace(); chunk.findTags(/`/, /`/); if(!chunk.startTag && !chunk.endTag){ chunk.startTag = chunk.endTag="`"; if(!chunk.selection){ chunk.selection = "enter code here"; } } else if(chunk.endTag && !chunk.startTag){ chunk.before += chunk.endTag; chunk.endTag = ""; } else{ chunk.startTag = chunk.endTag=""; } } }; command.doList = function(chunk, postProcessing, isNumberedList){ // These are identical except at the very beginning and end. // Should probably use the regex extension function to make this clearer. var previousItemsRegex = /(\n|^)(([ ]{0,3}([*+-]|\d+[.])[ \t]+.*)(\n.+|\n{2,}([*+-].*|\d+[.])[ \t]+.*|\n{2,}[ \t]+\S.*)*)\n*$/; var nextItemsRegex = /^\n*(([ ]{0,3}([*+-]|\d+[.])[ \t]+.*)(\n.+|\n{2,}([*+-].*|\d+[.])[ \t]+.*|\n{2,}[ \t]+\S.*)*)\n*/; // The default bullet is a dash but others are possible. // This has nothing to do with the particular HTML bullet, // it's just a markdown bullet. var bullet = "-"; // The number in a numbered list. var num = 1; // Get the item prefix - e.g. " 1. " for a numbered list, " - " for a bulleted list. var getItemPrefix = function(){ var prefix; if(isNumberedList){ prefix = " " + num + ". "; num++; } else{ prefix = " " + bullet + " "; } return prefix; }; // Fixes the prefixes of the other list items. var getPrefixedItem = function(itemText){ // The numbering flag is unset when called by autoindent. if(isNumberedList === undefined){ isNumberedList = /^\s*\d/.test(itemText); } // Renumber/bullet the list element. itemText = itemText.replace(/^[ ]{0,3}([*+-]|\d+[.])\s/gm, function( _ ){ return getItemPrefix(); }); return itemText; }; chunk.findTags(/(\n|^)*[ ]{0,3}([*+-]|\d+[.])\s+/, null); if(chunk.before && !/\n$/.test(chunk.before) && !/^\n/.test(chunk.startTag)){ chunk.before += chunk.startTag; chunk.startTag = ""; } if(chunk.startTag){ var hasDigits = /\d+[.]/.test(chunk.startTag); chunk.startTag = ""; chunk.selection = chunk.selection.replace(/\n[ ]{4}/g, "\n"); command.unwrap(chunk); chunk.skipLines(); if(hasDigits){ // Have to renumber the bullet points if this is a numbered list. chunk.after = chunk.after.replace(nextItemsRegex, getPrefixedItem); } if(isNumberedList == hasDigits){ return; } } var nLinesUp = 1; chunk.before = chunk.before.replace(previousItemsRegex, function(itemText){ if(/^\s*([*+-])/.test(itemText)){ bullet = re.$1; } nLinesUp = /[^\n]\n\n[^\n]/.test(itemText) ? 1 : 0; return getPrefixedItem(itemText); }); if(!chunk.selection){ chunk.selection = "List item"; } var prefix = getItemPrefix(); var nLinesDown = 1; chunk.after = chunk.after.replace(nextItemsRegex, function(itemText){ nLinesDown = /[^\n]\n\n[^\n]/.test(itemText) ? 1 : 0; return getPrefixedItem(itemText); }); chunk.trimWhitespace(true); chunk.skipLines(nLinesUp, nLinesDown, true); chunk.startTag = prefix; var spaces = prefix.replace(/./g, " "); command.wrap(chunk, wmd.wmd_env.lineLength - spaces.length); chunk.selection = chunk.selection.replace(/\n/g, "\n" + spaces); }; command.doHeading = function(chunk, postProcessing){ // Remove leading/trailing whitespace and reduce internal spaces to single spaces. chunk.selection = chunk.selection.replace(/\s+/g, " "); chunk.selection = chunk.selection.replace(/(^\s+|\s+$)/g, ""); // If we clicked the button with no selected text, we just // make a level 2 hash header around some default text. if(!chunk.selection){ chunk.startTag = "## "; chunk.selection = "Heading"; chunk.endTag = " ##"; return; } var headerLevel = 0; // The existing header level of the selected text. // Remove any existing hash heading markdown and save the header level. chunk.findTags(/#+[ ]*/, /[ ]*#+/); if(/#+/.test(chunk.startTag)){ headerLevel = re.lastMatch.length; } chunk.startTag = chunk.endTag = ""; // Try to get the current header level by looking for - and = in the line // below the selection. chunk.findTags(null, /\s?(-+|=+)/); if(/=+/.test(chunk.endTag)){ headerLevel = 1; } if(/-+/.test(chunk.endTag)){ headerLevel = 2; } // Skip to the next line so we can create the header markdown. chunk.startTag = chunk.endTag = ""; chunk.skipLines(1, 1); // We make a level 2 header if there is no current header. // If there is a header level, we substract one from the header level. // If it's already a level 1 header, it's removed. var headerLevelToCreate = headerLevel == 0 ? 2 : headerLevel - 1; if(headerLevelToCreate > 0){ // The button only creates level 1 and 2 underline headers. // Why not have it iterate over hash header levels? Wouldn't that be easier and cleaner? var headerChar = headerLevelToCreate >= 2 ? "-" : "="; var len = chunk.selection.length; if(len > wmd.wmd_env.lineLength){ len = wmd.wmd_env.lineLength; } chunk.endTag = "\n"; while(len--){ chunk.endTag += headerChar; } } }; command.doHorizontalRule = function(chunk, postProcessing){ chunk.startTag = "----------\n"; chunk.selection = ""; chunk.skipLines(2, 1, true); } }; Attacklab.wmd_env = {}; Attacklab.account_options = {}; Attacklab.wmd_defaults = {version:1, output:"Markdown", lineLength:40, delayLoad:false}; if(!Attacklab.wmd) { Attacklab.wmd = function() { Attacklab.loadEnv = function() { var mergeEnv = function(env) { if(!env) { return; } for(var key in env) { Attacklab.wmd_env[key] = env[key]; } }; mergeEnv(Attacklab.wmd_defaults); mergeEnv(Attacklab.account_options); mergeEnv(top["wmd_options"]); Attacklab.full = true; var defaultButtons = "bold italic link blockquote code image ol ul heading hr"; Attacklab.wmd_env.buttons = Attacklab.wmd_env.buttons || defaultButtons; }; Attacklab.loadEnv(); }; Attacklab.wmd(); Attacklab.wmdBase(); Attacklab.Util.startEditor(); };