diff --git a/note.html b/note.html index 1d8409d2..104331dc 100755 --- a/note.html +++ b/note.html @@ -477,33 +477,6 @@ function log(o) { - - -
s around - // "paragraphs" that are wrapped in non-block-level tags, such as anchors, - // phrase emphasis, and spans. The list of tags we're looking for is - // hard-coded: - var block_tags_a = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del" - var block_tags_b = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math" - - // First, look for nested blocks, e.g.: - //
tags around block-level tags.
- text = _HashHTMLBlocks(text);
- text = _FormParagraphs(text, doNotUnhash);
-
- return text;
- }
-
- function _RunSpanGamut(text) {
- //
- // These are all the transformations that occur *within* block-level
- // tags like paragraphs, headers, and list items.
- //
-
- text = pluginHooks.preSpanGamut(text);
-
- text = _DoCodeSpans(text);
- text = _EscapeSpecialCharsWithinTagAttributes(text);
- text = _EncodeBackslashEscapes(text);
-
- // Process anchor and image tags. Images must come first,
- // because ![foo][f] looks like an anchor.
- text = _DoImages(text);
- text = _DoAnchors(text);
-
- // Make links out of things like ` Just type tags
- //
-
- // Strip leading and trailing lines:
- text = text.replace(/^\n+/g, "");
- text = text.replace(/\n+$/g, "");
-
- var grafs = text.split(/\n{2,}/g);
- var grafsOut = [];
-
- var markerRe = /~K(\d+)K/;
-
- //
- // Wrap tags.
- //
- var end = grafs.length;
- for (var i = 0; i < end; i++) {
- var str = grafs[i];
-
- // if this is an HTML marker, copy it
- if (markerRe.test(str)) {
- grafsOut.push(str);
- }
- else if (/\S/.test(str)) {
- str = _RunSpanGamut(str);
- str = str.replace(/^([ \t]*)/g, " ");
- str += " s around
+ // "paragraphs" that are wrapped in non-block-level tags, such as anchors,
+ // phrase emphasis, and spans. The list of tags we're looking for is
+ // hard-coded:
+ var block_tags_a = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del"
+ var block_tags_b = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math"
+
+ // First, look for nested blocks, e.g.:
+ // tags around block-level tags.
+ text = _HashHTMLBlocks(text);
+ text = _FormParagraphs(text, doNotUnhash);
+
+ return text;
+ }
+
+ function _RunSpanGamut(text) {
+ //
+ // These are all the transformations that occur *within* block-level
+ // tags like paragraphs, headers, and list items.
+ //
+
+ text = pluginHooks.preSpanGamut(text);
+
+ text = _DoCodeSpans(text);
+ text = _EscapeSpecialCharsWithinTagAttributes(text);
+ text = _EncodeBackslashEscapes(text);
+
+ // Process anchor and image tags. Images must come first,
+ // because ![foo][f] looks like an anchor.
+ text = _DoImages(text);
+ text = _DoAnchors(text);
+
+ // Make links out of things like ` Just type tags
+ //
+
+ // Strip leading and trailing lines:
+ text = text.replace(/^\n+/g, "");
+ text = text.replace(/\n+$/g, "");
+
+ var grafs = text.split(/\n{2,}/g);
+ var grafsOut = [];
+
+ var markerRe = /~K(\d+)K/;
+
+ //
+ // Wrap tags.
+ //
+ var end = grafs.length;
+ for (var i = 0; i < end; i++) {
+ var str = grafs[i];
+
+ // if this is an HTML marker, copy it
+ if (markerRe.test(str)) {
+ grafsOut.push(str);
+ }
+ else if (/\S/.test(str)) {
+ str = _RunSpanGamut(str);
+ str = str.replace(/^([ \t]*)/g, " ");
+ str += " Cre
// life, atom环境不一样
define("eve", [], function() { return eve; });
return;
-
- (typeof module != "undefined" && module.exports) ?
- (module.exports = eve) :
- (typeof define != "undefined" ? (define("eve", [], function() { return eve; })) : (glob.eve = eve));
+
+ (typeof module != "undefined" && module.exports) ? (module.exports = eve) : (typeof define != "undefined" ? (define("eve", [], function() { return eve; })) : (glob.eve = eve));
})(this);
// ┌─────────────────────────────────────────────────────────────────────┐ \\
// │ "Raphaël 2.1.0" - JavaScript Vector Library │ \\
@@ -30966,6 +30724,7 @@ define('eventMgr',[
return eventMgr;
});
+
/**
* Prism: Lightweight, robust, elegant syntax highlighting
* MIT license http://www.opensource.org/licenses/mit-license.php/
@@ -31141,6 +30900,7 @@ var _ = self.Prism = {
}
},
+ // 这里啊, 把一堆好好的文本替换成恶心的东西
highlight: function (text, grammar, language) {
return Token.stringify(_.tokenize(text, grammar), language);
},
@@ -31253,6 +31013,7 @@ var Token = _.Token = function(type, content) {
this.content = content;
};
+// 来到这里啦, stringify
Token.stringify = function(o, language, parent) {
if (typeof o == 'string') {
return o;
@@ -31286,8 +31047,7 @@ Token.stringify = function(o, language, parent) {
attributes += name + '="' + (env.attributes[name] || '') + '"';
}
- return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '' + env.tag + '>';
-
+ return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '' + env.tag + '>';
};
if (!self.document) {
@@ -35757,6 +35517,7 @@ Prism.languages.md = (function() {
define("libs/prism-markdown", function(){});
+
/* jshint -W084, -W099 */
// Credit to http://dabblet.com/
define('editor',[
@@ -36973,2594 +36734,2610 @@ define('editor',[
return editor;
});
-// needs Markdown.Converter.js at the moment
-
-(function () {
-
- var util = {},
- position = {},
- ui = {},
- doc = window.document,
- re = window.RegExp,
- nav = window.navigator,
- SETTINGS = { lineLength: 72 },
-
- // Used to work around some browser bugs where we can't use feature testing.
- uaSniffed = {
- isIE: /msie/.test(nav.userAgent.toLowerCase()),
- isIE_5or6: /msie 6/.test(nav.userAgent.toLowerCase()) || /msie 5/.test(nav.userAgent.toLowerCase()),
- isOpera: /opera/.test(nav.userAgent.toLowerCase())
- };
-
- var defaultsStrings = {
- bold: "Strong Ctrl/Cmd+B",
- boldexample: "strong text",
-
- italic: "Emphasis Ctrl/Cmd+I",
- italicexample: "emphasized text",
-
- link: "Hyperlink Ctrl/Cmd+L",
- linkdescription: "enter link description here",
- linkdialog: " Insert Hyperlink http://example.com/ \"optional title\" Insert Image http://example.com/images/diagram.jpg \"optional title\" Insert Hyperlink http://example.com/ \"optional title\" Insert Image http://example.com/images/diagram.jpg \"optional title\" ' + getMsg('Please provide the link URL and an optional title') + ': Adds extra features to the original Markdown syntax.
\n");
-
- text = pluginHooks.postSpanGamut(text);
-
- return text;
- }
-
- function _EscapeSpecialCharsWithinTagAttributes(text) {
- //
- // Within tags -- meaning between < and > -- encode [\ ` * _] so they
- // don't conflict with their use in Markdown for code, italics and strong.
- //
-
- // Build a regex to find HTML tags and comments. See Friedl's
- // "Mastering Regular Expressions", 2nd Ed., pp. 200-201.
-
- // SE: changed the comment part of the regex
-
- var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|-]|-[^>])(?:[^-]|-[^-])*)--)>)/gi;
-
- text = text.replace(regex, function (wholeMatch) {
- var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`");
- tag = escapeCharacters(tag, wholeMatch.charAt(1) == "!" ? "\\`*_/" : "\\`*_"); // also escape slashes in comments to prevent autolinking there -- http://meta.stackoverflow.com/questions/95987
- return tag;
- });
-
- return text;
- }
-
- function _DoAnchors(text) {
- //
- // Turn Markdown link shortcuts into XHTML tags.
- //
- //
- // First, handle reference-style links: [link text] [id]
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- \[
- (
- (?:
- \[[^\]]*\] // allow brackets nested one level
- |
- [^\[] // or anything else
- )*
- )
- \]
-
- [ ]? // one optional space
- (?:\n[ ]*)? // one optional newline followed by spaces
-
- \[
- (.*?) // id = $3
- \]
- )
- ()()()() // pad remaining backreferences
- /g, writeAnchorTag);
- */
- text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeAnchorTag);
-
- //
- // Next, inline-style links: [link text](url "optional title")
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- \[
- (
- (?:
- \[[^\]]*\] // allow brackets nested one level
- |
- [^\[\]] // or anything else
- )*
- )
- \]
- \( // literal paren
- [ \t]*
- () // no id, so leave $3 empty
- ( // href = $4
- (?:
- \([^)]*\) // allow one level of (correctly nested) parens (think MSDN)
- |
- [^()\s]
- )*?
- )>?
- [ \t]*
- ( // $5
- (['"]) // quote char = $6
- (.*?) // Title = $7
- \6 // matching quote
- [ \t]* // ignore any spaces/tabs between closing quote and )
- )? // title is optional
- \)
- )
- /g, writeAnchorTag);
- */
-
- text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()((?:\([^)]*\)|[^()\s])*?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeAnchorTag);
-
- //
- // Last, handle reference-style shortcuts: [link text]
- // These must come last in case you've also got [link test][1]
- // or [link test](/foo)
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- \[
- ([^\[\]]+) // link text = $2; can't contain '[' or ']'
- \]
- )
- ()()()()() // pad rest of backreferences
- /g, writeAnchorTag);
- */
- text = text.replace(/(\[([^\[\]]+)\])()()()()()/g, writeAnchorTag);
-
- return text;
- }
-
- function writeAnchorTag(wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
- if (m7 == undefined) m7 = "";
- var whole_match = m1;
- var link_text = m2.replace(/:\/\//g, "~P"); // to prevent auto-linking withing the link. will be converted back after the auto-linker runs
- var link_id = m3.toLowerCase();
- var url = m4;
- var title = m7;
-
- if (url == "") {
- if (link_id == "") {
- // lower-case and turn embedded newlines into spaces
- link_id = link_text.toLowerCase().replace(/ ?\n/g, " ");
- }
- url = "#" + link_id;
-
- if (g_urls.get(link_id) != undefined) {
- url = g_urls.get(link_id);
- if (g_titles.get(link_id) != undefined) {
- title = g_titles.get(link_id);
- }
- }
- else {
- if (whole_match.search(/\(\s*\)$/m) > -1) {
- // Special case for explicit empty url
- url = "";
- } else {
- return whole_match;
- }
- }
- }
- url = encodeProblemUrlChars(url);
- url = escapeCharacters(url, "*_");
- var result = "" + link_text + "";
-
- return result;
- }
-
- function _DoImages(text) {
- //
- // Turn Markdown image shortcuts into tags.
- //
-
- //
- // First, handle reference-style labeled images: ![alt text][id]
- //
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- !\[
- (.*?) // alt text = $2
- \]
-
- [ ]? // one optional space
- (?:\n[ ]*)? // one optional newline followed by spaces
-
- \[
- (.*?) // id = $3
- \]
- )
- ()()()() // pad rest of backreferences
- /g, writeImageTag);
- */
- text = text.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeImageTag);
-
- //
- // Next, handle inline images: 
- // Don't forget: encode * and _
-
- /*
- text = text.replace(/
- ( // wrap whole match in $1
- !\[
- (.*?) // alt text = $2
- \]
- \s? // One optional whitespace character
- \( // literal paren
- [ \t]*
- () // no id, so leave $3 empty
- (\S+?)>? // src url = $4
- [ \t]*
- ( // $5
- (['"]) // quote char = $6
- (.*?) // title = $7
- \6 // matching quote
- [ \t]*
- )? // title is optional
- \)
- )
- /g, writeImageTag);
- */
- text = text.replace(/(!\[(.*?)\]\s?\([ \t]*()(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeImageTag);
-
- return text;
- }
-
- function attributeEncode(text) {
- // unconditionally replace angle brackets here -- what ends up in an attribute (e.g. alt or title)
- // never makes sense to have verbatim HTML in it (and the sanitizer would totally break it)
- return text.replace(/>/g, ">").replace(/";
-
- return result;
- }
-
- function _DoHeaders(text) {
-
- // Setext-style headers:
- // Header 1
- // ========
- //
- // Header 2
- // --------
- //
- text = text.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm,
- function (wholeMatch, m1) { return "
" + _RunSpanGamut(m1) + "
\n\n"; }
- );
-
- text = text.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm,
- function (matchFound, m1) { return "" + _RunSpanGamut(m1) + "
\n\n"; }
- );
-
- // atx-style headers:
- // # Header 1
- // ## Header 2
- // ## Header 2 with closing hashes ##
- // ...
- // ###### Header 6
- //
-
- /*
- text = text.replace(/
- ^(\#{1,6}) // $1 = string of #'s
- [ \t]*
- (.+?) // $2 = Header text
- [ \t]*
- \#* // optional closing #'s (not counted)
- \n+
- /gm, function() {...});
- */
-
- text = text.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm,
- function (wholeMatch, m1, m2) {
- var h_level = m1.length;
- return "` blocks.
- //
-
- /*
- text = text.replace(/
- (?:\n\n|^)
- ( // $1 = the code block -- one or more lines, starting with a space/tab
- (?:
- (?:[ ]{4}|\t) // Lines must start with a tab or a tab-width of spaces - attacklab: g_tab_width
- .*\n+
- )+
- )
- (\n*[ ]{0,3}[^ \t\n]|(?=~0)) // attacklab: g_tab_width
- /g ,function(){...});
- */
-
- // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
- text += "~0";
-
- text = text.replace(/(?:\n\n|^\n?)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g,
- function (wholeMatch, m1, m2) {
- var codeblock = m1;
- var nextChar = m2;
-
- codeblock = _EncodeCode(_Outdent(codeblock));
- codeblock = _Detab(codeblock);
- codeblock = codeblock.replace(/^\n+/g, ""); // trim leading newlines
- codeblock = codeblock.replace(/\n+$/g, ""); // trim trailing whitespace
-
- codeblock = "
";
-
- return "\n\n" + codeblock + "\n\n" + nextChar;
- }
- );
-
- // attacklab: strip sentinel
- text = text.replace(/~0/, "");
-
- return text;
- }
-
- function hashBlock(text) {
- text = text.replace(/(^\n+|\n+$)/g, "");
- return "\n\n~K" + (g_html_blocks.push(text) - 1) + "K\n\n";
- }
-
- function _DoCodeSpans(text) {
- //
- // * Backtick quotes are used for " + codeblock + "\n
spans.
- //
- // * You can use multiple backticks as the delimiters if you want to
- // include literal backticks in the code span. So, this input:
- //
- // Just type ``foo `bar` baz`` at the prompt.
- //
- // Will translate to:
- //
- //
foo `bar` baz
at the prompt.`bar`
...
- //
-
- /*
- text = text.replace(/
- (^|[^\\]) // Character before opening ` can't be a backslash
- (`+) // $2 = Opening run of `
- ( // $3 = The code block
- [^\r]*?
- [^`] // attacklab: work around lack of lookbehind
- )
- \2 // Matching closer
- (?!`)
- /gm, function(){...});
- */
-
- text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
- function (wholeMatch, m1, m2, m3, m4) {
- var c = m3;
- c = c.replace(/^([ \t]*)/g, ""); // leading whitespace
- c = c.replace(/[ \t]*$/g, ""); // trailing whitespace
- c = _EncodeCode(c);
- c = c.replace(/:\/\//g, "~P"); // to prevent auto-linking. Not necessary in code *blocks*, but in code spans. Will be converted back after the auto-linker runs.
- return m1 + "" + c + "
";
- }
- );
-
- return text;
- }
-
- function _EncodeCode(text) {
- //
- // Encode/escape certain characters inside Markdown code runs.
- // The point is that in code, these characters are literals,
- // and lose their special Markdown meanings.
- //
- // Encode all ampersands; HTML entities are not
- // entities within a Markdown code span.
- text = text.replace(/&/g, "&");
-
- // Do the angle bracket song and dance:
- text = text.replace(//g, ">");
-
- // Now, escape characters that are magic in Markdown:
- text = escapeCharacters(text, "\*_{}[]\\", false);
-
- // jj the line above breaks this:
- //---
-
- //* Item
-
- // 1. Subitem
-
- // special char: *
- //---
-
- return text;
- }
-
- function _DoItalicsAndBold(text) {
-
- // must go first:
- text = text.replace(/([\W_]|^)(\*\*|__)(?=\S)([^\r]*?\S[\*_]*)\2([\W_]|$)/g,
- "$1$3$4");
-
- text = text.replace(/([\W_]|^)(\*|_)(?=\S)([^\r\*_]*?\S)\2([\W_]|$)/g,
- "$1$3$4");
-
- return text;
- }
-
- function _DoBlockQuotes(text) {
-
- /*
- text = text.replace(/
- ( // Wrap whole match in $1
- (
- ^[ \t]*>[ \t]? // '>' at the start of a line
- .+\n // rest of the first line
- (.+\n)* // subsequent consecutive lines
- \n* // blanks
- )+
- )
- /gm, function(){...});
- */
-
- text = text.replace(/((^[ \t]*>[ \t]?.+\n(.+\n)*\n*)+)/gm,
- function (wholeMatch, m1) {
- var bq = m1;
-
- // attacklab: hack around Konqueror 3.5.4 bug:
- // "----------bug".replace(/^-/g,"") == "bug"
-
- bq = bq.replace(/^[ \t]*>[ \t]?/gm, "~0"); // trim one level of quoting
-
- // attacklab: clean up hack
- bq = bq.replace(/~0/g, "");
-
- bq = bq.replace(/^[ \t]+$/gm, ""); // trim whitespace-only lines
- bq = _RunBlockGamut(bq); // recurse
-
- bq = bq.replace(/(^|\n)/g, "$1 ");
- // These leading spaces screw with content, so we need to fix that:
- bq = bq.replace(
- /(\s*
[^\r]+?<\/pre>)/gm,
- function (wholeMatch, m1) {
- var pre = m1;
- // attacklab: hack around Konqueror 3.5.4 bug:
- pre = pre.replace(/^ /mg, "~0");
- pre = pre.replace(/~0/g, "");
- return pre;
- });
-
- return hashBlock("
\n" + bq + "\n
");
- }
- );
- return text;
- }
-
- function _FormParagraphs(text, doNotUnhash) {
- //
- // Params:
- // $text - string to process with html tags get encoded.
+ //
+
+ // This will only happen if makeHtml on the same converter instance is called from a plugin hook.
+ // Don't do that.
+ if (g_urls)
+ throw new Error("Recursive call to converter.makeHtml");
+
+ // Create the private state objects.
+ g_urls = new SaveHash();
+ g_titles = new SaveHash();
+ g_html_blocks = [];
+ g_list_level = 0;
+
+ text = pluginHooks.preConversion(text);
+
+ // attacklab: Replace ~ with ~T
+ // This lets us use tilde as an escape char to avoid md5 hashes
+ // The choice of character is arbitray; anything that isn't
+ // magic in Markdown will work.
+ text = text.replace(/~/g, "~T");
+
+ // attacklab: Replace $ with ~D
+ // RegExp interprets $ as a special character
+ // when it's in a replacement string
+ text = text.replace(/\$/g, "~D");
+
+ // Standardize line endings
+ text = text.replace(/\r\n/g, "\n"); // DOS to Unix
+ text = text.replace(/\r/g, "\n"); // Mac to Unix
+
+ // Make sure text begins and ends with a couple of newlines:
+ text = "\n\n" + text + "\n\n";
+
+ // Convert all tabs to spaces.
+ text = _Detab(text);
+
+ // Strip any lines consisting only of spaces and tabs.
+ // This makes subsequent regexen easier to write, because we can
+ // match consecutive blank lines with /\n+/ instead of something
+ // contorted like /[ \t]*\n+/ .
+ text = text.replace(/^[ \t]+$/mg, "");
+
+ text = pluginHooks.postNormalization(text);
+
+ // Turn block-level HTML blocks into hash entries
+ text = _HashHTMLBlocks(text);
+
+ // Strip link definitions, store in hashes.
+ text = _StripLinkDefinitions(text);
+
+ text = _RunBlockGamut(text);
+
+ text = _UnescapeSpecialChars(text);
+
+ // attacklab: Restore dollar signs
+ text = text.replace(/~D/g, "$$");
+
+ // attacklab: Restore tildes
+ text = text.replace(/~T/g, "~");
+
+ text = pluginHooks.postConversion(text);
+
+ g_html_blocks = g_titles = g_urls = null;
+
+ return text;
+ };
+
+ function _StripLinkDefinitions(text) {
+ //
+ // Strips link definitions from text, stores the URLs and titles in
+ // hash references.
+ //
+
+ // Link defs are in the form: ^[id]: url "optional title"
+
+ /*
+ text = text.replace(/
+ ^[ ]{0,3}\[(.+)\]: // id = $1 attacklab: g_tab_width - 1
+ [ \t]*
+ \n? // maybe *one* newline
+ [ \t]*
+ (\S+?)>? // url = $2
+ (?=\s|$) // lookahead for whitespace instead of the lookbehind removed below
+ [ \t]*
+ \n? // maybe one newline
+ [ \t]*
+ ( // (potential) title = $3
+ (\n*) // any lines skipped = $4 attacklab: lookbehind removed
+ [ \t]+
+ ["(]
+ (.+?) // title = $5
+ [")]
+ [ \t]*
+ )? // title is optional
+ (?:\n+|$)
+ /gm, function(){...});
+ */
+
+ text = text.replace(/^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*(\S+?)>?(?=\s|$)[ \t]*\n?[ \t]*((\n*)["(](.+?)[")][ \t]*)?(?:\n+)/gm,
+ function (wholeMatch, m1, m2, m3, m4, m5) {
+ m1 = m1.toLowerCase();
+ g_urls.set(m1, _EncodeAmpsAndAngles(m2)); // Link IDs are case-insensitive
+ if (m4) {
+ // Oops, found blank lines, so it's not a title.
+ // Put back the parenthetical statement we stole.
+ return m3;
+ } else if (m5) {
+ g_titles.set(m1, m5.replace(/"/g, """));
+ }
+
+ // Completely remove the definition from the text
+ return "";
+ }
+ );
+
+ return text;
+ }
+
+ function _HashHTMLBlocks(text) {
+
+ // Hashify HTML blocks:
+ // We only want to do this for block-level HTML tags, such as headers,
+ // lists, and tables. That's because we still want to wrap
. It was easier to make a special case than
+ // to make the other regex more complicated.
+
+ /*
+ text = text.replace(/
+ \n // Starting after a blank line
+ [ ]{0,3}
+ ( // save in $1
+ (<(hr) // start tag = $2
+ \b // word break
+ ([^<>])*?
+ \/?>) // the matching end tag
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/\n[ ]{0,3}((<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g, hashElement);
+
+ // Special case for standalone HTML comments:
+
+ /*
+ text = text.replace(/
+ \n\n // Starting after a blank line
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ ( // save in $1
+ -]|-[^>])(?:[^-]|-[^-])*)--) // see http://www.w3.org/TR/html-markup/syntax.html#comments and http://meta.stackoverflow.com/q/95256
+ >
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/\n\n[ ]{0,3}(-]|-[^>])(?:[^-]|-[^-])*)--)>[ \t]*(?=\n{2,}))/g, hashElement);
+
+ // PHP and ASP-style processor instructions (...?> and <%...%>)
+
+ /*
+ text = text.replace(/
+ (?:
+ \n\n // Starting after a blank line
+ )
+ ( // save in $1
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ (?:
+ <([?%]) // $2
+ [^\r]*?
+ \2>
+ )
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/(?:\n\n)([ ]{0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g, hashElement);
+
+ return text;
+ }
+
+ function hashElement(wholeMatch, m1) {
+ var blockText = m1;
+
+ // Undo double lines
+ blockText = blockText.replace(/^\n+/, "");
+
+ // strip trailing blank lines
+ blockText = blockText.replace(/\n+$/g, "");
+
+ // Replace the element text with a marker ("~KxK" where x is its key)
+ blockText = "\n\n~K" + (g_html_blocks.push(blockText) - 1) + "K\n\n";
+
+ return blockText;
+ }
+
+ var blockGamutHookCallback = function (t) { return _RunBlockGamut(t); }
+
+ function _RunBlockGamut(text, doNotUnhash) {
+ //
+ // These are all the transformations that form block-level
+ // tags like paragraphs, headers, and list items.
+ //
+
+ text = pluginHooks.preBlockGamut(text, blockGamutHookCallback);
+
+ text = _DoHeaders(text);
+
+ // Do Horizontal Rules:
+ var replacement = "
\n";
+ text = text.replace(/^[ ]{0,2}([ ]?\*[ ]?){3,}[ \t]*$/gm, replacement);
+ text = text.replace(/^[ ]{0,2}([ ]?-[ ]?){3,}[ \t]*$/gm, replacement);
+ text = text.replace(/^[ ]{0,2}([ ]?_[ ]?){3,}[ \t]*$/gm, replacement);
+
+ text = _DoLists(text);
+ text = _DoCodeBlocks(text);
+ text = _DoBlockQuotes(text);
+
+ text = pluginHooks.postBlockGamut(text, blockGamutHookCallback);
+
+ // We already ran _HashHTMLBlocks() before, in Markdown(), but that
+ // was to escape raw HTML in the original Markdown source. This time,
+ // we're escaping the markup we've just created, so that we don't wrap
+ //
\n");
+
+ text = pluginHooks.postSpanGamut(text);
+
+ return text;
+ }
+
+ function _EscapeSpecialCharsWithinTagAttributes(text) {
+ //
+ // Within tags -- meaning between < and > -- encode [\ ` * _] so they
+ // don't conflict with their use in Markdown for code, italics and strong.
+ //
+
+ // Build a regex to find HTML tags and comments. See Friedl's
+ // "Mastering Regular Expressions", 2nd Ed., pp. 200-201.
+
+ // SE: changed the comment part of the regex
+
+ var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|-]|-[^>])(?:[^-]|-[^-])*)--)>)/gi;
+
+ text = text.replace(regex, function (wholeMatch) {
+ var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`");
+ tag = escapeCharacters(tag, wholeMatch.charAt(1) == "!" ? "\\`*_/" : "\\`*_"); // also escape slashes in comments to prevent autolinking there -- http://meta.stackoverflow.com/questions/95987
+ return tag;
+ });
+
+ return text;
+ }
+
+ function _DoAnchors(text) {
+ //
+ // Turn Markdown link shortcuts into XHTML tags.
+ //
+ //
+ // First, handle reference-style links: [link text] [id]
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ \[
+ (
+ (?:
+ \[[^\]]*\] // allow brackets nested one level
+ |
+ [^\[] // or anything else
+ )*
+ )
+ \]
+
+ [ ]? // one optional space
+ (?:\n[ ]*)? // one optional newline followed by spaces
+
+ \[
+ (.*?) // id = $3
+ \]
+ )
+ ()()()() // pad remaining backreferences
+ /g, writeAnchorTag);
+ */
+ text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeAnchorTag);
+
+ //
+ // Next, inline-style links: [link text](url "optional title")
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ \[
+ (
+ (?:
+ \[[^\]]*\] // allow brackets nested one level
+ |
+ [^\[\]] // or anything else
+ )*
+ )
+ \]
+ \( // literal paren
+ [ \t]*
+ () // no id, so leave $3 empty
+ ( // href = $4
+ (?:
+ \([^)]*\) // allow one level of (correctly nested) parens (think MSDN)
+ |
+ [^()\s]
+ )*?
+ )>?
+ [ \t]*
+ ( // $5
+ (['"]) // quote char = $6
+ (.*?) // Title = $7
+ \6 // matching quote
+ [ \t]* // ignore any spaces/tabs between closing quote and )
+ )? // title is optional
+ \)
+ )
+ /g, writeAnchorTag);
+ */
+
+ text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()((?:\([^)]*\)|[^()\s])*?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeAnchorTag);
+
+ //
+ // Last, handle reference-style shortcuts: [link text]
+ // These must come last in case you've also got [link test][1]
+ // or [link test](/foo)
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ \[
+ ([^\[\]]+) // link text = $2; can't contain '[' or ']'
+ \]
+ )
+ ()()()()() // pad rest of backreferences
+ /g, writeAnchorTag);
+ */
+ text = text.replace(/(\[([^\[\]]+)\])()()()()()/g, writeAnchorTag);
+
+ return text;
+ }
+
+ function writeAnchorTag(wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
+ if (m7 == undefined) m7 = "";
+ var whole_match = m1;
+ var link_text = m2.replace(/:\/\//g, "~P"); // to prevent auto-linking withing the link. will be converted back after the auto-linker runs
+ var link_id = m3.toLowerCase();
+ var url = m4;
+ var title = m7;
+
+ if (url == "") {
+ if (link_id == "") {
+ // lower-case and turn embedded newlines into spaces
+ link_id = link_text.toLowerCase().replace(/ ?\n/g, " ");
+ }
+ url = "#" + link_id;
+
+ if (g_urls.get(link_id) != undefined) {
+ url = g_urls.get(link_id);
+ if (g_titles.get(link_id) != undefined) {
+ title = g_titles.get(link_id);
+ }
+ }
+ else {
+ if (whole_match.search(/\(\s*\)$/m) > -1) {
+ // Special case for explicit empty url
+ url = "";
+ } else {
+ return whole_match;
+ }
+ }
+ }
+ url = encodeProblemUrlChars(url);
+ url = escapeCharacters(url, "*_");
+ var result = "" + link_text + "";
+
+ return result;
+ }
+
+ function _DoImages(text) {
+ //
+ // Turn Markdown image shortcuts into tags.
+ //
+
+ //
+ // First, handle reference-style labeled images: ![alt text][id]
+ //
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ !\[
+ (.*?) // alt text = $2
+ \]
+
+ [ ]? // one optional space
+ (?:\n[ ]*)? // one optional newline followed by spaces
+
+ \[
+ (.*?) // id = $3
+ \]
+ )
+ ()()()() // pad rest of backreferences
+ /g, writeImageTag);
+ */
+ text = text.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeImageTag);
+
+ //
+ // Next, handle inline images: 
+ // Don't forget: encode * and _
+
+ /*
+ text = text.replace(/
+ ( // wrap whole match in $1
+ !\[
+ (.*?) // alt text = $2
+ \]
+ \s? // One optional whitespace character
+ \( // literal paren
+ [ \t]*
+ () // no id, so leave $3 empty
+ (\S+?)>? // src url = $4
+ [ \t]*
+ ( // $5
+ (['"]) // quote char = $6
+ (.*?) // title = $7
+ \6 // matching quote
+ [ \t]*
+ )? // title is optional
+ \)
+ )
+ /g, writeImageTag);
+ */
+ text = text.replace(/(!\[(.*?)\]\s?\([ \t]*()(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeImageTag);
+
+ return text;
+ }
+
+ function attributeEncode(text) {
+ // unconditionally replace angle brackets here -- what ends up in an attribute (e.g. alt or title)
+ // never makes sense to have verbatim HTML in it (and the sanitizer would totally break it)
+ return text.replace(/>/g, ">").replace(/";
+
+ return result;
+ }
+
+ function _DoHeaders(text) {
+
+ // Setext-style headers:
+ // Header 1
+ // ========
+ //
+ // Header 2
+ // --------
+ //
+ text = text.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm,
+ function (wholeMatch, m1) { return "
" + _RunSpanGamut(m1) + "
\n\n"; }
+ );
+
+ text = text.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm,
+ function (matchFound, m1) { return "" + _RunSpanGamut(m1) + "
\n\n"; }
+ );
+
+ // atx-style headers:
+ // # Header 1
+ // ## Header 2
+ // ## Header 2 with closing hashes ##
+ // ...
+ // ###### Header 6
+ //
+
+ /*
+ text = text.replace(/
+ ^(\#{1,6}) // $1 = string of #'s
+ [ \t]*
+ (.+?) // $2 = Header text
+ [ \t]*
+ \#* // optional closing #'s (not counted)
+ \n+
+ /gm, function() {...});
+ */
+
+ text = text.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm,
+ function (wholeMatch, m1, m2) {
+ var h_level = m1.length;
+ return "` blocks.
+ //
+
+ /*
+ text = text.replace(/
+ (?:\n\n|^)
+ ( // $1 = the code block -- one or more lines, starting with a space/tab
+ (?:
+ (?:[ ]{4}|\t) // Lines must start with a tab or a tab-width of spaces - attacklab: g_tab_width
+ .*\n+
+ )+
+ )
+ (\n*[ ]{0,3}[^ \t\n]|(?=~0)) // attacklab: g_tab_width
+ /g ,function(){...});
+ */
+
+ // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
+ text += "~0";
+
+ text = text.replace(/(?:\n\n|^\n?)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g,
+ function (wholeMatch, m1, m2) {
+ var codeblock = m1;
+ var nextChar = m2;
+
+ codeblock = _EncodeCode(_Outdent(codeblock));
+ codeblock = _Detab(codeblock);
+ codeblock = codeblock.replace(/^\n+/g, ""); // trim leading newlines
+ codeblock = codeblock.replace(/\n+$/g, ""); // trim trailing whitespace
+
+ codeblock = "
";
+
+ return "\n\n" + codeblock + "\n\n" + nextChar;
+ }
+ );
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/, "");
+
+ return text;
+ }
+
+ function hashBlock(text) {
+ text = text.replace(/(^\n+|\n+$)/g, "");
+ return "\n\n~K" + (g_html_blocks.push(text) - 1) + "K\n\n";
+ }
+
+ function _DoCodeSpans(text) {
+ //
+ // * Backtick quotes are used for " + codeblock + "\n
spans.
+ //
+ // * You can use multiple backticks as the delimiters if you want to
+ // include literal backticks in the code span. So, this input:
+ //
+ // Just type ``foo `bar` baz`` at the prompt.
+ //
+ // Will translate to:
+ //
+ //
foo `bar` baz
at the prompt.`bar`
...
+ //
+
+ /*
+ text = text.replace(/
+ (^|[^\\]) // Character before opening ` can't be a backslash
+ (`+) // $2 = Opening run of `
+ ( // $3 = The code block
+ [^\r]*?
+ [^`] // attacklab: work around lack of lookbehind
+ )
+ \2 // Matching closer
+ (?!`)
+ /gm, function(){...});
+ */
+
+ text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
+ function (wholeMatch, m1, m2, m3, m4) {
+ var c = m3;
+ c = c.replace(/^([ \t]*)/g, ""); // leading whitespace
+ c = c.replace(/[ \t]*$/g, ""); // trailing whitespace
+ c = _EncodeCode(c);
+ c = c.replace(/:\/\//g, "~P"); // to prevent auto-linking. Not necessary in code *blocks*, but in code spans. Will be converted back after the auto-linker runs.
+ return m1 + "" + c + "
";
+ }
+ );
+
+ return text;
+ }
+
+ function _EncodeCode(text) {
+ //
+ // Encode/escape certain characters inside Markdown code runs.
+ // The point is that in code, these characters are literals,
+ // and lose their special Markdown meanings.
+ //
+ // Encode all ampersands; HTML entities are not
+ // entities within a Markdown code span.
+ text = text.replace(/&/g, "&");
+
+ // Do the angle bracket song and dance:
+ text = text.replace(//g, ">");
+
+ // Now, escape characters that are magic in Markdown:
+ text = escapeCharacters(text, "\*_{}[]\\", false);
+
+ // jj the line above breaks this:
+ //---
+
+ //* Item
+
+ // 1. Subitem
+
+ // special char: *
+ //---
+
+ return text;
+ }
+
+ function _DoItalicsAndBold(text) {
+
+ // must go first:
+ text = text.replace(/([\W_]|^)(\*\*|__)(?=\S)([^\r]*?\S[\*_]*)\2([\W_]|$)/g,
+ "$1$3$4");
+
+ text = text.replace(/([\W_]|^)(\*|_)(?=\S)([^\r\*_]*?\S)\2([\W_]|$)/g,
+ "$1$3$4");
+
+ return text;
+ }
+
+ function _DoBlockQuotes(text) {
+
+ /*
+ text = text.replace(/
+ ( // Wrap whole match in $1
+ (
+ ^[ \t]*>[ \t]? // '>' at the start of a line
+ .+\n // rest of the first line
+ (.+\n)* // subsequent consecutive lines
+ \n* // blanks
+ )+
+ )
+ /gm, function(){...});
+ */
+
+ text = text.replace(/((^[ \t]*>[ \t]?.+\n(.+\n)*\n*)+)/gm,
+ function (wholeMatch, m1) {
+ var bq = m1;
+
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ // "----------bug".replace(/^-/g,"") == "bug"
+
+ bq = bq.replace(/^[ \t]*>[ \t]?/gm, "~0"); // trim one level of quoting
+
+ // attacklab: clean up hack
+ bq = bq.replace(/~0/g, "");
+
+ bq = bq.replace(/^[ \t]+$/gm, ""); // trim whitespace-only lines
+ bq = _RunBlockGamut(bq); // recurse
+
+ bq = bq.replace(/(^|\n)/g, "$1 ");
+ // These leading spaces screw with content, so we need to fix that:
+ bq = bq.replace(
+ /(\s*
[^\r]+?<\/pre>)/gm,
+ function (wholeMatch, m1) {
+ var pre = m1;
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ pre = pre.replace(/^ /mg, "~0");
+ pre = pre.replace(/~0/g, "");
+ return pre;
+ });
+
+ return hashBlock("
\n" + bq + "\n
");
+ }
+ );
+ return text;
+ }
+
+ function _FormParagraphs(text, doNotUnhash) {
+ //
+ // Params:
+ // $text - string to process with html Ctrl/Cmd+Q",
- quoteexample: "Blockquote",
-
- code: "Code Sample
Ctrl/Cmd+K",
- codeexample: "enter code here",
-
- image: "Image
Ctrl/Cmd+G",
- imagedescription: "enter image description here",
- imagedialog: "
Need free image hosting? Ctrl/Cmd+O",
- ulist: "Bulleted List
Ctrl/Cmd+U",
- litem: "List item",
-
- heading: "Heading
/
Ctrl/Cmd+H",
- headingexample: "Heading",
-
- hr: "Horizontal Rule
Ctrl/Cmd+R",
-
- undo: "Undo - Ctrl/Cmd+Z",
- redo: "Redo - Ctrl/Cmd+Y",
-
- help: "Markdown Editing Help"
- };
-
-
- // -------------------------------------------------------------------
- // YOUR CHANGES GO HERE
- //
- // I've tried to localize the things you are likely to change to
- // this area.
- // -------------------------------------------------------------------
-
- // The default text that appears in the dialog input box when entering
- // links.
- var imageDefaultText = "http://";
- var linkDefaultText = "http://";
-
- // -------------------------------------------------------------------
- // END OF YOUR CHANGES
- // -------------------------------------------------------------------
-
- // options, if given, can have the following properties:
- // options.helpButton = { handler: yourEventHandler }
- // options.strings = { italicexample: "slanted text" }
- // `yourEventHandler` is the click handler for the help button.
- // If `options.helpButton` isn't given, not help button is created.
- // `options.strings` can have any or all of the same properties as
- // `defaultStrings` above, so you can just override some string displayed
- // to the user on a case-by-case basis, or translate all strings to
- // a different language.
- //
- // For backwards compatibility reasons, the `options` argument can also
- // be just the `helpButton` object, and `strings.help` can also be set via
- // `helpButton.title`. This should be considered legacy.
- //
- // The constructed editor object has the methods:
- // - getConverter() returns the markdown converter object that was passed to the constructor
- // - run() actually starts the editor; should be called after all necessary plugins are registered. Calling this more than once is a no-op.
- // - refreshPreview() forces the preview to be updated. This method is only available after run() was called.
- Markdown.Editor = function (markdownConverter, idPostfix, options) {
-
- options = options || {};
-
- if (typeof options.handler === "function") { //backwards compatible behavior
- options = { helpButton: options };
- }
- options.strings = options.strings || {};
- if (options.helpButton) {
- options.strings.help = options.strings.help || options.helpButton.title;
- }
- var getString = function (identifier) { return options.strings[identifier] || defaultsStrings[identifier]; }
-
- idPostfix = idPostfix || "";
-
- var hooks = this.hooks = new Markdown.HookCollection();
- hooks.addNoop("onPreviewRefresh"); // called with no arguments after the preview has been refreshed
- hooks.addNoop("postBlockquoteCreation"); // called with the user's selection *after* the blockquote was created; should return the actual to-be-inserted text
- hooks.addFalse("insertImageDialog"); /* called with one parameter: a callback to be called with the URL of the image. If the application creates
- * its own image insertion dialog, this hook should return true, and the callback should be called with the chosen
- * image url (or null if the user cancelled). If this hook returns false, the default dialog will be used.
- */
- hooks.addFalse("insertLinkDialog");
-
- this.getConverter = function () { return markdownConverter; }
-
- var that = this,
- panels;
-
- var undoManager;
- this.run = function () {
- if (panels)
- return; // already initialized
-
- panels = new PanelCollection(idPostfix);
- var commandManager = new CommandManager(hooks, getString);
- var previewManager = new PreviewManager(markdownConverter, panels, function () { hooks.onPreviewRefresh(); });
- var uiManager;
-
- if(options.undoManager) {
- undoManager = options.undoManager;
- undoManager.onButtonStateChange = function() {
- uiManager.setUndoRedoButtonStates();
- };
- if (uiManager) // not available on the first call
- uiManager.setUndoRedoButtonStates();
- }
- else if (!/\?noundo/.test(doc.location.href)) {
- undoManager = new UndoManager(function () {
- previewManager.refresh();
- if (uiManager) // not available on the first call
- uiManager.setUndoRedoButtonStates();
- }, panels);
- this.textOperation = function (f) {
- undoManager.setCommandMode();
- f();
- that.refreshPreview();
- }
- }
-
- uiManager = new UIManager(idPostfix, panels, undoManager, previewManager, commandManager, options.helpButton, getString);
- uiManager.setUndoRedoButtonStates();
-
- var forceRefresh = that.refreshPreview = function () { previewManager.refresh(true); };
-
- //Not necessary
- //forceRefresh();
- that.undoManager = undoManager;
- that.uiManager = uiManager;
- };
-
- }
-
- // before: contains all the text in the input box BEFORE the selection.
- // after: contains all the text in the input box AFTER the selection.
- function Chunks() { }
-
- // startRegex: a regular expression to find the start tag
- // endRegex: a regular expresssion to find the end tag
- 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.
- Chunks.prototype.trimWhitespace = function (remove) {
- var beforeReplacer, afterReplacer, that = this;
- if (remove) {
- beforeReplacer = afterReplacer = "";
- } else {
- beforeReplacer = function (s) { that.before += s; return ""; }
- afterReplacer = function (s) { that.after = s + that.after; return ""; }
- }
-
- this.selection = this.selection.replace(/^(\s*)/, beforeReplacer).replace(/(\s*)$/, afterReplacer);
- };
-
-
- Chunks.prototype.skipLines = function (nLinesBefore, nLinesAfter, findExtraNewlines) {
-
- if (nLinesBefore === undefined) {
- nLinesBefore = 1;
- }
-
- if (nLinesAfter === undefined) {
- nLinesAfter = 1;
- }
-
- nLinesBefore++;
- nLinesAfter++;
-
- var regexText;
- var replacementText;
-
- // chrome bug ... documented at: http://meta.stackoverflow.com/questions/63307/blockquote-glitch-in-editor-in-chrome-6-and-7/65985#65985
- if (navigator.userAgent.match(/Chrome/)) {
- "X".match(/()./);
- }
-
- 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);
- }
- };
-
- // end of Chunks
-
- // A collection of the important regions on the page.
- // Cached so we don't have to keep traversing the DOM.
- // Also holds ieCachedRange and ieCachedScrollTop, where necessary; working around
- // this issue:
- // 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.
- function PanelCollection(postfix) {
- this.buttonBar = doc.getElementById("wmd-button-bar" + postfix);
- this.preview = doc.getElementById("wmd-preview" + postfix);
- this.input = doc.getElementById("wmd-input" + postfix);
- };
-
- // 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]*)$/, function (wholeMatch, flagsPart) {
- flags = flagsPart;
- return "";
- });
-
- // Remove the slash delimiters on the regular expression.
- pattern = pattern.replace(/(^\/|\/$)/g, "");
- pattern = pre + pattern + post;
-
- return new re(pattern, flags);
- }
-
- // 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];
- };
-
- // Handles pushing and popping TextareaStates for undo/redo commands.
- // I should rename the stack variables to list.
- function UndoManager(callback, panels) {
-
- 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 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 (!uaSniffed.isIE || mode != "moving") {
- timer = setTimeout(refreshState, 1);
- }
- else {
- inputStateObj = null;
- }
- };
-
- var refreshState = function (isInitialState) {
- inputStateObj = new TextareaState(panels, isInitialState);
- timer = undefined;
- };
-
- this.setCommandMode = function () {
- mode = "command";
- saveState();
- timer = 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 TextareaState(panels);
- undoStack[--stackPtr].restore();
-
- if (callback) {
- callback();
- }
- }
- }
-
- mode = "none";
- panels.input.focus();
- refreshState();
- };
-
- // Redo an action.
- this.redo = function () {
-
- if (undoObj.canRedo()) {
-
- undoStack[++stackPtr].restore();
-
- if (callback) {
- callback();
- }
- }
-
- mode = "none";
- panels.input.focus();
- refreshState();
- };
-
- // Push the input area state to the stack.
- var saveState = function () {
- var currState = inputStateObj || new TextareaState(panels);
-
- 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) && !event.altKey) {
-
- // IE and Opera do not support charCode.
- var keyCode = event.charCode || event.keyCode;
- var keyCodeChar = String.fromCharCode(keyCode);
-
- switch (keyCodeChar.toLowerCase()) {
-
- 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 (window.event) {
- window.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(panels.input, "keypress", function (event) {
- // keyCode 89: y
- // keyCode 90: z
- if ((event.ctrlKey || event.metaKey) && !event.altKey && (event.keyCode == 89 || event.keyCode == 90)) {
- event.preventDefault();
- }
- });
-
- var handlePaste = function () {
- if (uaSniffed.isIE || (inputStateObj && inputStateObj.text != panels.input.value)) {
- if (timer == undefined) {
- mode = "paste";
- saveState();
- refreshState();
- }
- }
- };
-
- //util.addEvent(panels.input, "keydown", handleCtrlYZ);
- util.addEvent(panels.input, "keydown", handleModeChange);
- util.addEvent(panels.input, "mousedown", function () {
- setMode("moving");
- });
-
- panels.input.onpaste = handlePaste;
- panels.input.ondrop = handlePaste;
- };
-
- var init = function () {
- setEventHandlers();
- refreshState(true);
- //Not necessary
- //saveState();
- };
-
- this.reinit = function(content, start, end, scrollTop) {
- undoStack = [];
- stackPtr = 0;
- mode = "none";
- lastState = undefined;
- timer = undefined;
- refreshState();
- inputStateObj.text = content;
- inputStateObj.start = start;
- inputStateObj.end = end;
- inputStateObj.scrollTop = scrollTop;
- inputStateObj.setInputAreaSelection();
- saveState();
- };
- this.setMode = setMode;
-
- init();
- }
-
- // end of UndoManager
-
- // The input textarea state/contents.
- // This is used to implement undo/redo by the undo manager.
- function TextareaState(panels, isInitialState) {
-
- // Aliases
- var stateObj = this;
- var inputArea = 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 && !uaSniffed.isOpera) {
-
- inputArea.focus();
- inputArea.selectionStart = stateObj.start;
- inputArea.selectionEnd = stateObj.end;
- /*
- inputArea.scrollTop = stateObj.scrollTop;
-
- }
- else if (doc.selection) {
-
- 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 (!panels.ieCachedRange && (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. Here, if something is cached,
- // we take it.
- var range = panels.ieCachedRange || 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;
- }
-
- if (panels.ieCachedRange)
- stateObj.scrollTop = panels.ieCachedScrollTop; // this is set alongside with ieCachedRange
-
- panels.ieCachedRange = null;
-
- 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();
- /*
- setTimeout(function() {
- inputArea.scrollTop = stateObj.scrollTop;
- }, 0);
- */
- };
-
- // Gets a collection of HTML chunks from the inptut textarea.
- this.getChunks = function () {
-
- var chunk = new 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;
-
- 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();
- };
-
- function PreviewManager(converter, panels, previewRefreshCallback) {
-
- var managerObj = this;
- var timeout;
- var elapsedTime;
- var oldInputText;
- var maxDelay = 3000;
- var startType = "manual"; // The other legal value is "manual"
-
- // Adds event listeners to elements
- 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);
- };
-
- var getDocScrollTop = function () {
-
- var result = 0;
-
- if (window.innerHeight) {
- result = window.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 is no registered preview panel
- // there is nothing to do.
- if (!panels.preview)
- return;
-
-
- var text = panels.input.value;
- if (text && text == oldInputText) {
- return; // Input text hasn't changed.
- }
- else {
- oldInputText = text;
- }
-
- var prevTime = new Date().getTime();
-
- 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);
- };
-
- // setTimeout is already used. Used as an event listener.
- var applyTimeout = function () {
-
- if (timeout) {
- clearTimeout(timeout);
- timeout = undefined;
- }
-
- if (startType !== "manual") {
-
- var delay = 0;
-
- if (startType === "delayed") {
- delay = elapsedTime;
- }
-
- if (delay > maxDelay) {
- delay = maxDelay;
- }
- timeout = 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 (panels.preview) {
- panels.preview.scrollTop = (panels.preview.scrollHeight - panels.preview.clientHeight) * getScaleFactor(panels.preview);
- }
- };
-
- this.refresh = function (requiresRefresh) {
-
- if (requiresRefresh) {
- oldInputText = "";
- makePreviewHtml();
- }
- else {
- applyTimeout();
- }
- };
-
- this.processingTime = function () {
- return elapsedTime;
- };
-
- var isFirstTimeFilled = true;
-
- // IE doesn't let you use innerHTML if the element is contained somewhere in a table
- // (which is the case for inline editing) -- in that case, detach the element, set the
- // value, and reattach. Yes, that *is* ridiculous.
- var ieSafePreviewSet = function (text) {
- var preview = panels.preview;
- var parent = preview.parentNode;
- var sibling = preview.nextSibling;
- parent.removeChild(preview);
- preview.innerHTML = text;
- if (!sibling)
- parent.appendChild(preview);
- else
- parent.insertBefore(preview, sibling);
- }
-
- var nonSuckyBrowserPreviewSet = function (text) {
- panels.preview.innerHTML = text;
- }
-
- var previewSetter;
-
- var previewSet = function (text) {
- if (previewSetter)
- return previewSetter(text);
-
- try {
- nonSuckyBrowserPreviewSet(text);
- previewSetter = nonSuckyBrowserPreviewSet;
- } catch (e) {
- previewSetter = ieSafePreviewSet;
- previewSetter(text);
- }
- };
-
- var pushPreviewHtml = function (text) {
-
- //var emptyTop = position.getTop(panels.input) - getDocScrollTop();
-
- if (panels.preview) {
- previewSet(text);
- previewRefreshCallback();
- }
- /*
-
- setPanelScrollTops();
-
- if (isFirstTimeFilled) {
- isFirstTimeFilled = false;
- return;
- }
-
- var fullTop = position.getTop(panels.input) - getDocScrollTop();
-
- if (uaSniffed.isIE) {
- setTimeout(function () {
- window.scrollBy(0, fullTop - emptyTop);
- }, 0);
- }
- else {
- window.scrollBy(0, fullTop - emptyTop);
- }
- */
- };
-
- var init = function () {
-
- setupEvents(panels.input, applyTimeout);
- //Not necessary
- //makePreviewHtml();
-
- if (panels.preview) {
- panels.preview.scrollTop = 0;
- }
- };
-
- init();
- };
-
- // Creates the background behind the hyperlink text entry box.
- // And download dialog
- // Most of this has been moved to CSS but the div creation and
- // browser-specific hacks remain here.
- ui.createBackground = function () {
-
- var background = doc.createElement("div"),
- style = background.style;
-
- background.className = "wmd-prompt-background";
-
- style.position = "absolute";
- style.top = "0";
-
- style.zIndex = "1000";
-
- if (uaSniffed.isIE) {
- style.filter = "alpha(opacity=50)";
- }
- else {
- style.opacity = "0.5";
- }
-
- var pageSize = position.getPageSize();
- style.height = pageSize[1] + "px";
-
- if (uaSniffed.isIE) {
- style.left = doc.documentElement.scrollLeft;
- style.width = doc.documentElement.clientWidth;
- }
- else {
- style.left = "0";
- style.width = "100%";
- }
-
- doc.body.appendChild(background);
- return background;
- };
-
- // 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.
- // callback: The function which is executed when the prompt is dismissed, either via OK or Cancel.
- // It receives a single argument; either the entered text (if OK was chosen) or null (if Cancel
- // was chosen).
- ui.prompt = function (text, defaultInputText, callback) {
-
- // These variables need to be declared at this level since they are used
- // in multiple functions.
- var dialog; // The dialog box.
- var input; // The text box where you enter the hyperlink.
-
-
- 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:\/\/(https?|ftp):\/\//, '$1://');
- if (!/^(?:https?|ftp):\/\//.test(text))
- text = 'http://' + text;
- }
-
- dialog.parentNode.removeChild(dialog);
-
- callback(text);
- return false;
- };
-
-
-
- // 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"),
- style = form.style;
- form.onsubmit = function () { return close(false); };
- 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");
- input.type = "text";
- input.value = defaultInputText;
- style = input.style;
- style.display = "block";
- style.width = "80%";
- style.marginLeft = style.marginRight = "auto";
- form.appendChild(input);
-
- // 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";
-
- 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 (uaSniffed.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";
-
- };
-
- // Why is this in a zero-length timeout?
- // Is it working around a browser bug?
- 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);
- };
-
- function UIManager(postfix, panels, undoManager, previewManager, commandManager, helpOptions, getString) {
-
- var inputBox = panels.input,
- buttons = {}; // buttons.undo, buttons.link, etc. The actual DOM elements.
-
- makeSpritedButtonRow();
-
- var keyEvent = "keydown";
- if (uaSniffed.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) && !key.altKey) {
-
- var keyCode = key.charCode || key.keyCode;
- var keyCodeStr = String.fromCharCode(keyCode).toLowerCase();
-
- switch (keyCodeStr) {
- case "b":
- doClick(buttons.bold);
- break;
- case "i":
- doClick(buttons.italic);
- break;
- case "l":
- doClick(buttons.link);
- break;
- case "q":
- doClick(buttons.quote);
- break;
- case "k":
- doClick(buttons.code);
- break;
- case "g":
- doClick(buttons.image);
- break;
- case "o":
- doClick(buttons.olist);
- break;
- case "u":
- doClick(buttons.ulist);
- break;
- case "h":
- doClick(buttons.heading);
- break;
- case "r":
- doClick(buttons.hr);
- break;
- case "y":
- doClick(buttons.redo);
- break;
- case "z":
- if (key.shiftKey) {
- doClick(buttons.redo);
- }
- else {
- doClick(buttons.undo);
- }
- break;
- case "v":
- undoManager.setMode("typing");
- return;
- case "x":
- undoManager.setMode("deleting");
- return;
- default:
- return;
- }
-
-
- if (key.preventDefault) {
- key.preventDefault();
- }
-
- if (window.event) {
- window.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) {
- var fakeButton = {};
- fakeButton.textOp = bindCommand("doAutoindent");
- doClick(fakeButton);
- }
- }
- });
-
- // special handler because IE clears the context of the textbox on ESC
- if (uaSniffed.isIE) {
- util.addEvent(inputBox, "keydown", function (key) {
- var code = key.keyCode;
- if (code === 27) {
- return false;
- }
- });
- }
- */
-
- // life 新添加函数
- // life
- // isImage 2015/3/1
- function insertLinkLife(link, text, isImage) {
- inputBox.focus();
- if (undoManager) {
- undoManager.setCommandMode();
- }
-
- var state = new TextareaState(panels);
-
- if (!state) {
- return;
- }
-
- var chunks = state.getChunks(); // 得到chunk
- var fixupInputArea = function () {
- inputBox.focus();
-
- if (chunks) {
- state.setChunks(chunks);
- }
-
- state.restore();
- previewManager.refresh();
- };
-
- var a = commandProto.insertLink(chunks, fixupInputArea, link, text, isImage);
- if(!a) fixupInputArea();
- }
-
- // life
- MD.insertLink = insertLinkLife;
-
- // Perform the button's action.
- function doClick(button) {
-
- inputBox.focus();
- var linkOrImage = button.id == "wmd-link-button" || button.id == "wmd-image-button";
-
- if (button.textOp) {
-
- if (undoManager && !linkOrImage) {
- undoManager.setCommandMode();
- }
-
- var state = new TextareaState(panels);
-
- 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();
- previewManager.refresh();
- };
-
- var noCleanup = button.textOp(chunks, fixupInputArea);
-
- if (!noCleanup) {
- fixupInputArea();
- if(!linkOrImage) {
- inputBox.adjustCursorPosition();
- //inputBox.dispatchEvent(new Event('keydown'));
- }
- }
-
- }
-
- if (button.execute) {
- button.execute(undoManager);
- }
- };
-
- function setupButton(button, isEnabled) {
-
- var normalYShift = "0px";
- var disabledYShift = "-20px";
- var highlightYShift = "-40px";
- var image = button.getElementsByTagName("span")[0];
- button.className = button.className.replace(/ disabled/g, "");
- if (isEnabled) {
- image.style.backgroundPosition = button.XShift + " " + normalYShift;
- button.onmouseover = function () {
- image.style.backgroundPosition = this.XShift + " " + highlightYShift;
- };
-
- button.onmouseout = function () {
- image.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 (uaSniffed.isIE) {
- button.onmousedown = function () {
- panels.ieCachedRange = document.selection.createRange();
- panels.ieCachedScrollTop = panels.input.scrollTop;
- };
- }
-
- if (!button.isHelp) {
- button.onclick = function () {
- if (this.onmouseout) {
- this.onmouseout();
- }
- doClick(this);
- return false;
- }
- }
- }
- else {
- image.style.backgroundPosition = button.XShift + " " + disabledYShift;
- button.onmouseover = button.onmouseout = button.onclick = function () { };
- button.className += " disabled";
- }
- }
-
- function bindCommand(method) {
- if (typeof method === "string")
- method = commandManager[method];
- return function () { method.apply(commandManager, arguments); }
- }
-
- function makeSpritedButtonRow() {
-
- var buttonBar = panels.buttonBar;
-
- var normalYShift = "0px";
- var disabledYShift = "-20px";
- var highlightYShift = "-40px";
-
- var buttonRow = document.createElement("ul");
- buttonRow.id = "wmd-button-row" + postfix;
- buttonRow.className = 'wmd-button-row';
- buttonRow = buttonBar.appendChild(buttonRow);
- var xPosition = 0;
- var makeButton = function (id, title, XShift, textOp) {
- var button = document.createElement("li");
- button.className = "wmd-button";
- button.style.left = xPosition + "px";
- xPosition += 25;
- var buttonImage = document.createElement("span");
- button.id = id + postfix;
- button.appendChild(buttonImage);
- button.title = title;
- button.XShift = XShift;
- if (textOp)
- button.textOp = textOp;
- setupButton(button, true);
- buttonRow.appendChild(button);
- return button;
- };
- var makeSpacer = function (num) {
- var spacer = document.createElement("li");
- spacer.className = "wmd-spacer wmd-spacer" + num;
- spacer.id = "wmd-spacer" + num + postfix;
- buttonRow.appendChild(spacer);
- xPosition += 25;
- }
-
- buttons.bold = makeButton("wmd-bold-button", getString("bold"), "0px", bindCommand("doBold"));
- buttons.italic = makeButton("wmd-italic-button", getString("italic"), "-20px", bindCommand("doItalic"));
- makeSpacer(1);
- buttons.link = makeButton("wmd-link-button", getString("link"), "-40px", bindCommand(function (chunk, postProcessing) {
- return this.doLinkOrImage(chunk, postProcessing, false);
- }));
- buttons.quote = makeButton("wmd-quote-button", getString("quote"), "-60px", bindCommand("doBlockquote"));
- buttons.code = makeButton("wmd-code-button", getString("code"), "-80px", bindCommand("doCode"));
- buttons.image = makeButton("wmd-image-button", getString("image"), "-100px", bindCommand(function (chunk, postProcessing) {
- return this.doLinkOrImage(chunk, postProcessing, true);
- }));
- makeSpacer(2);
- buttons.olist = makeButton("wmd-olist-button", getString("olist"), "-120px", bindCommand(function (chunk, postProcessing) {
- this.doList(chunk, postProcessing, true);
- }));
- buttons.ulist = makeButton("wmd-ulist-button", getString("ulist"), "-140px", bindCommand(function (chunk, postProcessing) {
- this.doList(chunk, postProcessing, false);
- }));
- buttons.heading = makeButton("wmd-heading-button", getString("heading"), "-160px", bindCommand("doHeading"));
- buttons.hr = makeButton("wmd-hr-button", getString("hr"), "-180px", bindCommand("doHorizontalRule"));
- makeSpacer(3);
- buttons.undo = makeButton("wmd-undo-button", getString("undo"), "-200px", null);
- buttons.undo.execute = function (manager) { if (manager) manager.undo(); };
-
- buttons.redo = makeButton("wmd-redo-button", getString("redo"), "-220px", null);
- buttons.redo.execute = function (manager) { if (manager) manager.redo(); };
-
- if (helpOptions) {
- var helpButton = document.createElement("li");
- var helpButtonImage = document.createElement("span");
- helpButton.appendChild(helpButtonImage);
- helpButton.className = "wmd-button wmd-help-button";
- helpButton.id = "wmd-help-button" + postfix;
- helpButton.XShift = "-240px";
- helpButton.isHelp = true;
- helpButton.style.right = "0px";
- helpButton.title = getString("help");
- helpButton.onclick = helpOptions.handler;
-
- setupButton(helpButton, true);
- buttonRow.appendChild(helpButton);
- buttons.help = helpButton;
- }
-
- setUndoRedoButtonStates();
- }
-
- function setUndoRedoButtonStates() {
- if (undoManager) {
- setupButton(buttons.undo, undoManager.canUndo());
- setupButton(buttons.redo, undoManager.canRedo());
- }
- };
-
- this.setUndoRedoButtonStates = setUndoRedoButtonStates;
- this.buttons = buttons;
- this.doClick = doClick;
-
- }
-
- function CommandManager(pluginHooks, getString) {
- this.hooks = pluginHooks;
- this.getString = getString;
- }
-
- var commandProto = CommandManager.prototype;
-
- // The markdown symbols - 4 spaces = code, > = blockquote, etc.
- commandProto.prefixes = "(?:\\s{4,}|\\s*>|\\s*-\\s+|\\s*\\d+\\.|=|\\+|-|_|\\*|#|\\s*\\[[^\n]]+\\]:)";
-
- // Remove markdown symbols from the chunk selection.
- commandProto.unwrap = function (chunk) {
- var txt = new re("([^\\n])\\n(?!(\\n|" + this.prefixes + "))", "g");
- chunk.selection = chunk.selection.replace(txt, "$1 $2");
- };
-
- commandProto.wrap = function (chunk, len) {
- this.unwrap(chunk);
- var regex = new re("(.{1," + len + "})( +|$\\n?)", "gm"),
- that = this;
-
- chunk.selection = chunk.selection.replace(regex, function (line, marked) {
- if (new re("^" + that.prefixes, "").test(line)) {
- return line;
- }
- return marked + "\n";
- });
-
- chunk.selection = chunk.selection.replace(/\s+$/, "");
- };
-
- commandProto.doBold = function (chunk, postProcessing) {
- return this.doBorI(chunk, postProcessing, 2, this.getString("boldexample"));
- };
-
- commandProto.doItalic = function (chunk, postProcessing) {
- return this.doBorI(chunk, postProcessing, 1, this.getString("italicexample"));
- };
-
- // 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
- commandProto.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?
- // note that these regex matches cannot fail
- var starsBefore = /(\**$)/.exec(chunk.before)[0];
- var starsAfter = /(^\**)/.exec(chunk.after)[0];
-
- 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;
- };
-
- commandProto.stripLinkDefs = function (text, defsToAdd) {
-
- text = text.replace(/^[ ]{0,3}\[(\d+)\]:[ \t]*\n?[ \t]*(\S+?)>?[ \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;
- };
-
- commandProto.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 = this.stripLinkDefs(chunk.before, defsToAdd);
- chunk.selection = this.stripLinkDefs(chunk.selection, defsToAdd);
- chunk.after = this.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;
- };
-
- // note that
- // a) the recursive call to getLink cannot go infinite, because by definition
- // of regex, inner is always a proper substring of wholeMatch, and
- // b) more than one level of nesting is neither supported by the regex
- // nor making a lot of sense (the only use case for nesting is a linked image)
- var getLink = function (wholeMatch, before, inner, afterInner, id, end) {
- inner = inner.replace(regex, getLink);
- if (defsToAdd[id]) {
- addDefNumber(defsToAdd[id]);
- return before + inner + afterInner + 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;
- };
-
- // takes the line as entered into the add link/as image dialog and makes
- // sure the URL and the optinal title are "nice".
- function properlyEncoded(linkdef) {
- return linkdef.replace(/^\s*(.*?)(?:\s+"(.+)")?\s*$/, function (wholematch, link, title) {
- link = link.replace(/\?.*$/, function (querypart) {
- return querypart.replace(/\+/g, " "); // in the query string, a plus and a space are identical
- });
- link = decodeURIComponent(link); // unencode first, to prevent double encoding
- link = encodeURI(link).replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29');
- link = link.replace(/\?.*$/, function (querypart) {
- return querypart.replace(/\+/g, "%2b"); // since we replaced plus with spaces in the query part, all pluses that now appear where originally encoded
- });
- if (title) {
- title = title.trim ? title.trim() : title.replace(/^\s*/, "").replace(/\s*$/, "");
- title = title.replace(/"/g, "quot;").replace(/\(/g, "(").replace(/\)/g, ")").replace(//g, ">");
- }
- return title ? link + ' "' + title + '"' : link;
- });
- }
-
- // life 添加
- commandProto.insertLink = function (chunk, postProcessing, link, text, isImage) {
- chunk.trimWhitespace();
- chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\[.*?\])?/);
- var background;
-
- if (chunk.endTag.length > 1 && chunk.startTag.length > 0) {
-
- chunk.startTag = chunk.startTag.replace(/!?\[/, "");
- chunk.endTag = "";
- this.addLinkDef(chunk, null);
- }
- else {
-
- // We're moving start and end tag back into the selection, since (as we're in the else block) we're not
- // *removing* a link, but *adding* one, so whatever findTags() found is now back to being part of the
- // link text. linkEnteredCallback takes care of escaping any brackets.
- chunk.selection = chunk.startTag + chunk.selection + chunk.endTag;
- chunk.startTag = chunk.endTag = "";
-
- if (/\n\n/.test(chunk.selection)) {
- this.addLinkDef(chunk, null);
- return;
- }
- var that = this;
- // The function to be executed when you enter a link and press OK or Cancel.
- // Marks up the link and adds the ref.
- var linkEnteredCallback = function (link) {
- background.parentNode.removeChild(background);
-
- if (link !== null) {
- chunk.selection = (" " + chunk.selection).replace(/([^\\](?:\\\\)*)(?=[[\]])/g, "$1\\").substr(1);
-
- chunk.startTag = isImage ? "![" : "[";
- //chunk.endTag = "][" + num + "]";
- chunk.endTag = "](" + properlyEncoded(link) + ")";
-
- chunk.selection = text;
- }
- postProcessing();
- };
-
- background = ui.createBackground();
- linkEnteredCallback(link);
- return true;
- }
- };
-
- commandProto.doLinkOrImage = function (chunk, postProcessing, isImage) {
-
- chunk.trimWhitespace();
- //chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\[.*?\])?/);
- chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\(.*?\))?/);
-
- var background;
-
- if (chunk.endTag.length > 1 && chunk.startTag.length > 0) {
-
- chunk.startTag = chunk.startTag.replace(/!?\[/, "");
- chunk.endTag = "";
- this.addLinkDef(chunk, null);
-
- }
- else {
-
- // We're moving start and end tag back into the selection, since (as we're in the else block) we're not
- // *removing* a link, but *adding* one, so whatever findTags() found is now back to being part of the
- // link text. linkEnteredCallback takes care of escaping any brackets.
- chunk.selection = chunk.startTag + chunk.selection + chunk.endTag;
- chunk.startTag = chunk.endTag = "";
-
- if (/\n\n/.test(chunk.selection)) {
- this.addLinkDef(chunk, null);
- return;
- }
- var that = this;
- // The function to be executed when you enter a link and press OK or Cancel.
- // Marks up the link and adds the ref.
- var linkEnteredCallback = function (link) {
-
- background.parentNode.removeChild(background);
-
- if (link !== null) {
- // ( $1
- // [^\\] anything that's not a backslash
- // (?:\\\\)* an even number (this includes zero) of backslashes
- // )
- // (?= followed by
- // [[\]] an opening or closing bracket
- // )
- //
- // In other words, a non-escaped bracket. These have to be escaped now to make sure they
- // don't count as the end of the link or similar.
- // Note that the actual bracket has to be a lookahead, because (in case of to subsequent brackets),
- // the bracket in one match may be the "not a backslash" character in the next match, so it
- // should not be consumed by the first match.
- // The "prepend a space and finally remove it" steps makes sure there is a "not a backslash" at the
- // start of the string, so this also works if the selection begins with a bracket. We cannot solve
- // this by anchoring with ^, because in the case that the selection starts with two brackets, this
- // would mean a zero-width match at the start. Since zero-width matches advance the string position,
- // the first bracket could then not act as the "not a backslash" for the second.
- chunk.selection = (" " + chunk.selection).replace(/([^\\](?:\\\\)*)(?=[[\]])/g, "$1\\").substr(1);
-
- /*
- var linkDef = " [999]: " + properlyEncoded(link);
-
- var num = that.addLinkDef(chunk, linkDef);
- */
- chunk.startTag = isImage ? "![" : "[";
- //chunk.endTag = "][" + num + "]";
- chunk.endTag = "](" + properlyEncoded(link) + ")";
-
- if (!chunk.selection) {
- if (isImage) {
- chunk.selection = that.getString("imagedescription");
- }
- else {
- chunk.selection = that.getString("linkdescription");
- }
- }
- }
- postProcessing();
- };
-
-
- background = ui.createBackground();
-
- if (isImage) {
- if (!this.hooks.insertImageDialog(linkEnteredCallback)) {
- // ui.prompt(this.getString("imagedialog"), imageDefaultText, linkEnteredCallback);
- }
- }
- else {
- if (!this.hooks.insertLinkDialog(linkEnteredCallback))
- ui.prompt(this.getString("linkdialog"), linkDefaultText, linkEnteredCallback);
- }
- return true;
- }
- };
-
- // When making a list, hitting shift-enter will put your cursor on the next line
- // at the current indent level.
- commandProto.doAutoindent = function (chunk, postProcessing) {
-
- var commandMgr = this,
- fakeSelection = false;
-
- 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");
-
- // There's no selection, end the cursor wasn't at the end of the line:
- // The user wants to split the current list item / code line / blockquote line
- // (for the latter it doesn't really matter) in two. Temporarily select the
- // (rest of the) line to achieve this.
- if (!chunk.selection && !/^[ \t]*(?:\n|$)/.test(chunk.after)) {
- chunk.after = chunk.after.replace(/^[^\n]*/, function (wholeMatch) {
- chunk.selection = wholeMatch;
- return "";
- });
- fakeSelection = true;
- }
-
- if (/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]+.*\n$/.test(chunk.before)) {
- if (commandMgr.doList) {
- commandMgr.doList(chunk);
- }
- }
- if (/(\n|^)[ ]{0,3}>[ \t]+.*\n$/.test(chunk.before)) {
- if (commandMgr.doBlockquote) {
- commandMgr.doBlockquote(chunk);
- }
- }
- if (/(\n|^)(\t|[ ]{4,}).*\n$/.test(chunk.before)) {
- if (commandMgr.doCode) {
- commandMgr.doCode(chunk);
- }
- }
-
- if (fakeSelection) {
- chunk.after = chunk.selection + chunk.after;
- chunk.selection = "";
- }
- };
-
- commandProto.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 || this.getString("quoteexample");
-
- // The original code uses a regular expression to find out how much of the
- // text *directly before* the selection already was a blockquote:
-
- /*
- if (chunk.before) {
- chunk.before = chunk.before.replace(/\n?$/, "\n");
- }
- chunk.before = chunk.before.replace(/(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*$)/,
- function (totalMatch) {
- chunk.startTag = totalMatch;
- return "";
- });
- */
-
- // This comes down to:
- // Go backwards as many lines a possible, such that each line
- // a) starts with ">", or
- // b) is almost empty, except for whitespace, or
- // c) is preceeded by an unbroken chain of non-empty lines
- // leading up to a line that starts with ">" and at least one more character
- // and in addition
- // d) at least one line fulfills a)
- //
- // Since this is essentially a backwards-moving regex, it's susceptible to
- // catstrophic backtracking and can cause the browser to hang;
- // see e.g. http://meta.stackoverflow.com/questions/9807.
- //
- // Hence we replaced this by a simple state machine that just goes through the
- // lines and checks for a), b), and c).
-
- var match = "",
- leftOver = "",
- line;
- if (chunk.before) {
- var lines = chunk.before.replace(/\n$/, "").split("\n");
- var inChain = false;
- for (var i = 0; i < lines.length; i++) {
- var good = false;
- line = lines[i];
- inChain = inChain && line.length > 0; // c) any non-empty line continues the chain
- if (/^>/.test(line)) { // a)
- good = true;
- if (!inChain && line.length > 1) // c) any line that starts with ">" and has at least one more character starts the chain
- inChain = true;
- } else if (/^[ \t]*$/.test(line)) { // b)
- good = true;
- } else {
- good = inChain; // c) the line is not empty and does not start with ">", so it matches if and only if we're in the chain
- }
- if (good) {
- match += line + "\n";
- } else {
- leftOver += match + line;
- match = "\n";
- }
- }
- if (!/(^|\n)>/.test(match)) { // d)
- leftOver += match;
- match = "";
- }
- }
-
- chunk.startTag = match;
- chunk.before = leftOver;
-
- // end of change
-
- if (chunk.after) {
- chunk.after = chunk.after.replace(/^\n?/, "\n");
- }
-
- 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)) {
- this.wrap(chunk, SETTINGS.lineLength - 2);
- chunk.selection = chunk.selection.replace(/^/gm, "> ");
- replaceBlanksInTags(true);
- chunk.skipLines();
- } else {
- chunk.selection = chunk.selection.replace(/^[ ]{0,3}> ?/gm, "");
- this.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");
- }
- }
-
- chunk.selection = this.hooks.postBlockquoteCreation(chunk.selection);
-
- if (!/\n/.test(chunk.selection)) {
- chunk.selection = chunk.selection.replace(/^(> *)/,
- function (wholeMatch, blanks) {
- chunk.startTag += blanks;
- return "";
- });
- }
- };
-
- commandProto.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 = this.getString("codeexample");
- }
- else {
- if (/^[ ]{0,3}\S/m.test(chunk.selection)) {
- if (/\n/.test(chunk.selection))
- chunk.selection = chunk.selection.replace(/^/gm, " ");
- else // if it's not multiline, do not select the four added spaces; this is more consistent with the doList behavior
- chunk.before += " ";
- }
- else {
- chunk.selection = chunk.selection.replace(/^(?:[ ]{4}|[ ]{0,3}\t)/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 = this.getString("codeexample");
- }
- }
- else if (chunk.endTag && !chunk.startTag) {
- chunk.before += chunk.endTag;
- chunk.endTag = "";
- }
- else {
- chunk.startTag = chunk.endTag = "";
- }
- }
- };
-
- commandProto.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");
- this.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 = this.getString("litem");
- }
-
- 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, " ");
- this.wrap(chunk, SETTINGS.lineLength - spaces.length);
- chunk.selection = chunk.selection.replace(/\n/g, "\n" + spaces);
-
- };
-
- commandProto.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 = this.getString("headingexample");
- 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 > SETTINGS.lineLength) {
- len = SETTINGS.lineLength;
- }
- chunk.endTag = "\n";
- while (len--) {
- chunk.endTag += headerChar;
- }
- }
- };
-
- commandProto.doHorizontalRule = function (chunk, postProcessing) {
- chunk.startTag = "----------\n";
- chunk.selection = "";
- chunk.skipLines(2, 1, true);
- }
-
-
-})();
+// needs Markdown.Converter.js at the moment
+
+(function () {
+
+ var util = {},
+ position = {},
+ ui = {},
+ doc = window.document,
+ re = window.RegExp,
+ nav = window.navigator,
+ SETTINGS = { lineLength: 72 },
+
+ // Used to work around some browser bugs where we can't use feature testing.
+ uaSniffed = {
+ isIE: /msie/.test(nav.userAgent.toLowerCase()),
+ isIE_5or6: /msie 6/.test(nav.userAgent.toLowerCase()) || /msie 5/.test(nav.userAgent.toLowerCase()),
+ isOpera: /opera/.test(nav.userAgent.toLowerCase())
+ };
+
+ var defaultsStrings = {
+ bold: getMsg("Strong") + ' Ctrl/Cmd+B',
+ boldexample: getMsg("strong text"),
+
+ italic: getMsg("Emphasis") + ' Ctrl/Cmd+I',
+ italicexample: getMsg("emphasized text"),
+
+ link: getMsg("Hyperlink") + ' Ctrl/Cmd+L',
+ linkdescription: getMsg("enter link description here"),
+ linkdialog: " Ctrl/Cmd+Q',
+ quoteexample: getMsg("Blockquote"),
+
+ code: getMsg("Code Sample") + '
Ctrl/Cmd+K',
+ codeexample: getMsg("enter code here"),
+
+ image: getMsg("Image") + '
Ctrl/Cmd+G',
+ imagedescription: getMsg("enter image description here"),
+ imagedialog: "
Need free image hosting? Ctrl/Cmd+O',
+ ulist: getMsg("Bulleted List") +'
Ctrl/Cmd+U',
+ litem: getMsg("List item"),
+
+ heading: getMsg("Heading") + '
/
Ctrl/Cmd+H',
+ headingexample: getMsg("Heading"),
+
+ hr: getMsg("Horizontal Rule") + '
Ctrl/Cmd+R',
+
+ undo: getMsg("Undo") + ' - Ctrl/Cmd+Z',
+ redo: getMsg("Redo") + ' - Ctrl/Cmd+Y',
+
+ help: "Markdown Editing Help"
+ };
+
+ // -------------------------------------------------------------------
+ // YOUR CHANGES GO HERE
+ //
+ // I've tried to localize the things you are likely to change to
+ // this area.
+ // -------------------------------------------------------------------
+
+ // The default text that appears in the dialog input box when entering
+ // links.
+ var imageDefaultText = "http://";
+ var linkDefaultText = "http://";
+
+ // -------------------------------------------------------------------
+ // END OF YOUR CHANGES
+ // -------------------------------------------------------------------
+
+ // options, if given, can have the following properties:
+ // options.helpButton = { handler: yourEventHandler }
+ // options.strings = { italicexample: "slanted text" }
+ // `yourEventHandler` is the click handler for the help button.
+ // If `options.helpButton` isn't given, not help button is created.
+ // `options.strings` can have any or all of the same properties as
+ // `defaultStrings` above, so you can just override some string displayed
+ // to the user on a case-by-case basis, or translate all strings to
+ // a different language.
+ //
+ // For backwards compatibility reasons, the `options` argument can also
+ // be just the `helpButton` object, and `strings.help` can also be set via
+ // `helpButton.title`. This should be considered legacy.
+ //
+ // The constructed editor object has the methods:
+ // - getConverter() returns the markdown converter object that was passed to the constructor
+ // - run() actually starts the editor; should be called after all necessary plugins are registered. Calling this more than once is a no-op.
+ // - refreshPreview() forces the preview to be updated. This method is only available after run() was called.
+ Markdown.Editor = function (markdownConverter, idPostfix, options) {
+
+ options = options || {};
+
+ if (typeof options.handler === "function") { //backwards compatible behavior
+ options = { helpButton: options };
+ }
+ options.strings = options.strings || {};
+ if (options.helpButton) {
+ options.strings.help = options.strings.help || options.helpButton.title;
+ }
+ var getString = function (identifier) { return options.strings[identifier] || defaultsStrings[identifier]; }
+
+ idPostfix = idPostfix || "";
+
+ var hooks = this.hooks = new Markdown.HookCollection();
+ hooks.addNoop("onPreviewRefresh"); // called with no arguments after the preview has been refreshed
+ hooks.addNoop("postBlockquoteCreation"); // called with the user's selection *after* the blockquote was created; should return the actual to-be-inserted text
+ hooks.addFalse("insertImageDialog"); /* called with one parameter: a callback to be called with the URL of the image. If the application creates
+ * its own image insertion dialog, this hook should return true, and the callback should be called with the chosen
+ * image url (or null if the user cancelled). If this hook returns false, the default dialog will be used.
+ */
+ hooks.addFalse("insertLinkDialog");
+
+ this.getConverter = function () { return markdownConverter; }
+
+ var that = this,
+ panels;
+
+ var undoManager;
+ this.run = function () {
+ if (panels)
+ return; // already initialized
+
+ panels = new PanelCollection(idPostfix);
+ var commandManager = new CommandManager(hooks, getString);
+ var previewManager = new PreviewManager(markdownConverter, panels, function () { hooks.onPreviewRefresh(); });
+ var uiManager;
+
+ if(options.undoManager) {
+ undoManager = options.undoManager;
+ undoManager.onButtonStateChange = function() {
+ uiManager.setUndoRedoButtonStates();
+ };
+ if (uiManager) // not available on the first call
+ uiManager.setUndoRedoButtonStates();
+ }
+ else if (!/\?noundo/.test(doc.location.href)) {
+ undoManager = new UndoManager(function () {
+ previewManager.refresh();
+ if (uiManager) // not available on the first call
+ uiManager.setUndoRedoButtonStates();
+ }, panels);
+ this.textOperation = function (f) {
+ undoManager.setCommandMode();
+ f();
+ that.refreshPreview();
+ }
+ }
+
+ uiManager = new UIManager(idPostfix, panels, undoManager, previewManager, commandManager, options.helpButton, getString);
+ uiManager.setUndoRedoButtonStates();
+
+ var forceRefresh = that.refreshPreview = function () { previewManager.refresh(true); };
+
+ //Not necessary
+ //forceRefresh();
+ that.undoManager = undoManager;
+ that.uiManager = uiManager;
+ };
+
+ }
+
+ // before: contains all the text in the input box BEFORE the selection.
+ // after: contains all the text in the input box AFTER the selection.
+ function Chunks() { }
+
+ // startRegex: a regular expression to find the start tag
+ // endRegex: a regular expresssion to find the end tag
+ 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.
+ Chunks.prototype.trimWhitespace = function (remove) {
+ var beforeReplacer, afterReplacer, that = this;
+ if (remove) {
+ beforeReplacer = afterReplacer = "";
+ } else {
+ beforeReplacer = function (s) { that.before += s; return ""; }
+ afterReplacer = function (s) { that.after = s + that.after; return ""; }
+ }
+
+ this.selection = this.selection.replace(/^(\s*)/, beforeReplacer).replace(/(\s*)$/, afterReplacer);
+ };
+
+
+ Chunks.prototype.skipLines = function (nLinesBefore, nLinesAfter, findExtraNewlines) {
+
+ if (nLinesBefore === undefined) {
+ nLinesBefore = 1;
+ }
+
+ if (nLinesAfter === undefined) {
+ nLinesAfter = 1;
+ }
+
+ nLinesBefore++;
+ nLinesAfter++;
+
+ var regexText;
+ var replacementText;
+
+ // chrome bug ... documented at: http://meta.stackoverflow.com/questions/63307/blockquote-glitch-in-editor-in-chrome-6-and-7/65985#65985
+ if (navigator.userAgent.match(/Chrome/)) {
+ "X".match(/()./);
+ }
+
+ 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);
+ }
+ };
+
+ // end of Chunks
+
+ // A collection of the important regions on the page.
+ // Cached so we don't have to keep traversing the DOM.
+ // Also holds ieCachedRange and ieCachedScrollTop, where necessary; working around
+ // this issue:
+ // 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.
+ function PanelCollection(postfix) {
+ this.buttonBar = doc.getElementById("wmd-button-bar" + postfix);
+ this.preview = doc.getElementById("wmd-preview" + postfix);
+ this.input = doc.getElementById("wmd-input" + postfix);
+ };
+
+ // 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]*)$/, function (wholeMatch, flagsPart) {
+ flags = flagsPart;
+ return "";
+ });
+
+ // Remove the slash delimiters on the regular expression.
+ pattern = pattern.replace(/(^\/|\/$)/g, "");
+ pattern = pre + pattern + post;
+
+ return new re(pattern, flags);
+ }
+
+ // 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];
+ };
+
+ // Handles pushing and popping TextareaStates for undo/redo commands.
+ // I should rename the stack variables to list.
+ function UndoManager(callback, panels) {
+
+ 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 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 (!uaSniffed.isIE || mode != "moving") {
+ timer = setTimeout(refreshState, 1);
+ }
+ else {
+ inputStateObj = null;
+ }
+ };
+
+ var refreshState = function (isInitialState) {
+ inputStateObj = new TextareaState(panels, isInitialState);
+ timer = undefined;
+ };
+
+ this.setCommandMode = function () {
+ mode = "command";
+ saveState();
+ timer = 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 TextareaState(panels);
+ undoStack[--stackPtr].restore();
+
+ if (callback) {
+ callback();
+ }
+ }
+ }
+
+ mode = "none";
+ panels.input.focus();
+ refreshState();
+ };
+
+ // Redo an action.
+ this.redo = function () {
+
+ if (undoObj.canRedo()) {
+
+ undoStack[++stackPtr].restore();
+
+ if (callback) {
+ callback();
+ }
+ }
+
+ mode = "none";
+ panels.input.focus();
+ refreshState();
+ };
+
+ // Push the input area state to the stack.
+ var saveState = function () {
+ var currState = inputStateObj || new TextareaState(panels);
+
+ 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) && !event.altKey) {
+
+ // IE and Opera do not support charCode.
+ var keyCode = event.charCode || event.keyCode;
+ var keyCodeChar = String.fromCharCode(keyCode);
+
+ switch (keyCodeChar.toLowerCase()) {
+
+ 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 (window.event) {
+ window.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(panels.input, "keypress", function (event) {
+ // keyCode 89: y
+ // keyCode 90: z
+ if ((event.ctrlKey || event.metaKey) && !event.altKey && (event.keyCode == 89 || event.keyCode == 90)) {
+ event.preventDefault();
+ }
+ });
+
+ var handlePaste = function () {
+ if (uaSniffed.isIE || (inputStateObj && inputStateObj.text != panels.input.value)) {
+ if (timer == undefined) {
+ mode = "paste";
+ saveState();
+ refreshState();
+ }
+ }
+ };
+
+ //util.addEvent(panels.input, "keydown", handleCtrlYZ);
+ util.addEvent(panels.input, "keydown", handleModeChange);
+ util.addEvent(panels.input, "mousedown", function () {
+ setMode("moving");
+ });
+
+ panels.input.onpaste = handlePaste;
+ panels.input.ondrop = handlePaste;
+ };
+
+ var init = function () {
+ setEventHandlers();
+ refreshState(true);
+ //Not necessary
+ //saveState();
+ };
+
+ this.reinit = function(content, start, end, scrollTop) {
+ undoStack = [];
+ stackPtr = 0;
+ mode = "none";
+ lastState = undefined;
+ timer = undefined;
+ refreshState();
+ inputStateObj.text = content;
+ inputStateObj.start = start;
+ inputStateObj.end = end;
+ inputStateObj.scrollTop = scrollTop;
+ inputStateObj.setInputAreaSelection();
+ saveState();
+ };
+ this.setMode = setMode;
+
+ init();
+ }
+
+ // end of UndoManager
+
+ // The input textarea state/contents.
+ // This is used to implement undo/redo by the undo manager.
+ function TextareaState(panels, isInitialState) {
+
+ // Aliases
+ var stateObj = this;
+ var inputArea = 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 && !uaSniffed.isOpera) {
+
+ inputArea.focus();
+ inputArea.selectionStart = stateObj.start;
+ inputArea.selectionEnd = stateObj.end;
+ /*
+ inputArea.scrollTop = stateObj.scrollTop;
+
+ }
+ else if (doc.selection) {
+
+ 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 (!panels.ieCachedRange && (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. Here, if something is cached,
+ // we take it.
+ var range = panels.ieCachedRange || 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;
+ }
+
+ if (panels.ieCachedRange)
+ stateObj.scrollTop = panels.ieCachedScrollTop; // this is set alongside with ieCachedRange
+
+ panels.ieCachedRange = null;
+
+ 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();
+ /*
+ setTimeout(function() {
+ inputArea.scrollTop = stateObj.scrollTop;
+ }, 0);
+ */
+ };
+
+ // Gets a collection of HTML chunks from the inptut textarea.
+ this.getChunks = function () {
+
+ var chunk = new 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;
+
+ 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();
+ };
+
+ function PreviewManager(converter, panels, previewRefreshCallback) {
+
+ var managerObj = this;
+ var timeout;
+ var elapsedTime;
+ var oldInputText;
+ var maxDelay = 3000;
+ var startType = "manual"; // The other legal value is "manual"
+
+ // Adds event listeners to elements
+ 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);
+ };
+
+ var getDocScrollTop = function () {
+
+ var result = 0;
+
+ if (window.innerHeight) {
+ result = window.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 is no registered preview panel
+ // there is nothing to do.
+ if (!panels.preview)
+ return;
+
+
+ var text = panels.input.value;
+ if (text && text == oldInputText) {
+ return; // Input text hasn't changed.
+ }
+ else {
+ oldInputText = text;
+ }
+
+ var prevTime = new Date().getTime();
+
+ 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);
+ };
+
+ // setTimeout is already used. Used as an event listener.
+ var applyTimeout = function () {
+
+ if (timeout) {
+ clearTimeout(timeout);
+ timeout = undefined;
+ }
+
+ if (startType !== "manual") {
+
+ var delay = 0;
+
+ if (startType === "delayed") {
+ delay = elapsedTime;
+ }
+
+ if (delay > maxDelay) {
+ delay = maxDelay;
+ }
+ timeout = 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 (panels.preview) {
+ panels.preview.scrollTop = (panels.preview.scrollHeight - panels.preview.clientHeight) * getScaleFactor(panels.preview);
+ }
+ };
+
+ this.refresh = function (requiresRefresh) {
+
+ if (requiresRefresh) {
+ oldInputText = "";
+ makePreviewHtml();
+ }
+ else {
+ applyTimeout();
+ }
+ };
+
+ this.processingTime = function () {
+ return elapsedTime;
+ };
+
+ var isFirstTimeFilled = true;
+
+ // IE doesn't let you use innerHTML if the element is contained somewhere in a table
+ // (which is the case for inline editing) -- in that case, detach the element, set the
+ // value, and reattach. Yes, that *is* ridiculous.
+ var ieSafePreviewSet = function (text) {
+ var preview = panels.preview;
+ var parent = preview.parentNode;
+ var sibling = preview.nextSibling;
+ parent.removeChild(preview);
+ preview.innerHTML = text;
+ if (!sibling)
+ parent.appendChild(preview);
+ else
+ parent.insertBefore(preview, sibling);
+ }
+
+ var nonSuckyBrowserPreviewSet = function (text) {
+ panels.preview.innerHTML = text;
+ }
+
+ var previewSetter;
+
+ var previewSet = function (text) {
+ if (previewSetter)
+ return previewSetter(text);
+
+ try {
+ nonSuckyBrowserPreviewSet(text);
+ previewSetter = nonSuckyBrowserPreviewSet;
+ } catch (e) {
+ previewSetter = ieSafePreviewSet;
+ previewSetter(text);
+ }
+ };
+
+ var pushPreviewHtml = function (text) {
+
+ //var emptyTop = position.getTop(panels.input) - getDocScrollTop();
+
+ if (panels.preview) {
+ previewSet(text);
+ previewRefreshCallback();
+ }
+ /*
+
+ setPanelScrollTops();
+
+ if (isFirstTimeFilled) {
+ isFirstTimeFilled = false;
+ return;
+ }
+
+ var fullTop = position.getTop(panels.input) - getDocScrollTop();
+
+ if (uaSniffed.isIE) {
+ setTimeout(function () {
+ window.scrollBy(0, fullTop - emptyTop);
+ }, 0);
+ }
+ else {
+ window.scrollBy(0, fullTop - emptyTop);
+ }
+ */
+ };
+
+ var init = function () {
+
+ setupEvents(panels.input, applyTimeout);
+ //Not necessary
+ //makePreviewHtml();
+
+ if (panels.preview) {
+ panels.preview.scrollTop = 0;
+ }
+ };
+
+ init();
+ };
+
+ // Creates the background behind the hyperlink text entry box.
+ // And download dialog
+ // Most of this has been moved to CSS but the div creation and
+ // browser-specific hacks remain here.
+ ui.createBackground = function () {
+
+ var background = doc.createElement("div"),
+ style = background.style;
+
+ background.className = "wmd-prompt-background";
+
+ style.position = "absolute";
+ style.top = "0";
+
+ style.zIndex = "1000";
+
+ if (uaSniffed.isIE) {
+ style.filter = "alpha(opacity=50)";
+ }
+ else {
+ style.opacity = "0.5";
+ }
+
+ var pageSize = position.getPageSize();
+ style.height = pageSize[1] + "px";
+
+ if (uaSniffed.isIE) {
+ style.left = doc.documentElement.scrollLeft;
+ style.width = doc.documentElement.clientWidth;
+ }
+ else {
+ style.left = "0";
+ style.width = "100%";
+ }
+
+ doc.body.appendChild(background);
+ return background;
+ };
+
+ // 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.
+ // callback: The function which is executed when the prompt is dismissed, either via OK or Cancel.
+ // It receives a single argument; either the entered text (if OK was chosen) or null (if Cancel
+ // was chosen).
+ ui.prompt = function (text, defaultInputText, callback) {
+
+ // These variables need to be declared at this level since they are used
+ // in multiple functions.
+ var dialog; // The dialog box.
+ var input; // The text box where you enter the hyperlink.
+
+
+ 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:\/\/(https?|ftp):\/\//, '$1://');
+ if (!/^(?:https?|ftp):\/\//.test(text))
+ text = 'http://' + text;
+ }
+
+ dialog.parentNode.removeChild(dialog);
+
+ callback(text);
+ return false;
+ };
+
+
+
+ // 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"),
+ style = form.style;
+ form.onsubmit = function () { return close(false); };
+ 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");
+ input.type = "text";
+ input.value = defaultInputText;
+ style = input.style;
+ style.display = "block";
+ style.width = "80%";
+ style.marginLeft = style.marginRight = "auto";
+ form.appendChild(input);
+
+ // 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";
+
+ 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 (uaSniffed.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";
+
+ };
+
+ // Why is this in a zero-length timeout?
+ // Is it working around a browser bug?
+ 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);
+ };
+
+ function UIManager(postfix, panels, undoManager, previewManager, commandManager, helpOptions, getString) {
+
+ var inputBox = panels.input,
+ buttons = {}; // buttons.undo, buttons.link, etc. The actual DOM elements.
+
+ makeSpritedButtonRow();
+
+ var keyEvent = "keydown";
+ if (uaSniffed.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) && !key.altKey) {
+
+ var keyCode = key.charCode || key.keyCode;
+ var keyCodeStr = String.fromCharCode(keyCode).toLowerCase();
+
+ switch (keyCodeStr) {
+ case "b":
+ doClick(buttons.bold);
+ break;
+ case "i":
+ doClick(buttons.italic);
+ break;
+ case "l":
+ doClick(buttons.link);
+ break;
+ case "q":
+ doClick(buttons.quote);
+ break;
+ case "k":
+ doClick(buttons.code);
+ break;
+ case "g":
+ doClick(buttons.image);
+ break;
+ case "o":
+ doClick(buttons.olist);
+ break;
+ case "u":
+ doClick(buttons.ulist);
+ break;
+ case "h":
+ doClick(buttons.heading);
+ break;
+ case "r":
+ doClick(buttons.hr);
+ break;
+ case "y":
+ doClick(buttons.redo);
+ break;
+ case "z":
+ if (key.shiftKey) {
+ doClick(buttons.redo);
+ }
+ else {
+ doClick(buttons.undo);
+ }
+ break;
+ case "v":
+ undoManager.setMode("typing");
+ return;
+ case "x":
+ undoManager.setMode("deleting");
+ return;
+ default:
+ return;
+ }
+
+
+ if (key.preventDefault) {
+ key.preventDefault();
+ }
+
+ if (window.event) {
+ window.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) {
+ var fakeButton = {};
+ fakeButton.textOp = bindCommand("doAutoindent");
+ doClick(fakeButton);
+ }
+ }
+ });
+
+ // special handler because IE clears the context of the textbox on ESC
+ if (uaSniffed.isIE) {
+ util.addEvent(inputBox, "keydown", function (key) {
+ var code = key.keyCode;
+ if (code === 27) {
+ return false;
+ }
+ });
+ }
+ */
+
+ // life 新添加函数
+ // life
+ // isImage 2015/3/1
+ function insertLinkLife(link, text, isImage) {
+ inputBox.focus();
+ if (undoManager) {
+ undoManager.setCommandMode();
+ }
+
+ var state = new TextareaState(panels);
+
+ if (!state) {
+ return;
+ }
+
+ var chunks = state.getChunks(); // 得到chunk
+ var fixupInputArea = function () {
+ inputBox.focus();
+
+ if (chunks) {
+ state.setChunks(chunks);
+ }
+
+ state.restore();
+ previewManager.refresh();
+ };
+
+ var a = commandProto.insertLink(chunks, fixupInputArea, link, text, isImage);
+ if(!a) fixupInputArea();
+ }
+
+ // life
+ MD.insertLink = insertLinkLife;
+
+ // Perform the button's action.
+ function doClick(button) {
+
+ inputBox.focus();
+ var linkOrImage = button.id == "wmd-link-button" || button.id == "wmd-image-button";
+
+ if (button.textOp) {
+
+ if (undoManager && !linkOrImage) {
+ undoManager.setCommandMode();
+ }
+
+ var state = new TextareaState(panels);
+
+ 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();
+ previewManager.refresh();
+ };
+
+ var noCleanup = button.textOp(chunks, fixupInputArea);
+
+ if (!noCleanup) {
+ fixupInputArea();
+ if(!linkOrImage) {
+ inputBox.adjustCursorPosition();
+ //inputBox.dispatchEvent(new Event('keydown'));
+ }
+ }
+
+ }
+
+ if (button.execute) {
+ button.execute(undoManager);
+ }
+ };
+
+ function setupButton(button, isEnabled) {
+
+ var normalYShift = "0px";
+ var disabledYShift = "-20px";
+ var highlightYShift = "-40px";
+ var image = button.getElementsByTagName("span")[0];
+ button.className = button.className.replace(/ disabled/g, "");
+ if (isEnabled) {
+ image.style.backgroundPosition = button.XShift + " " + normalYShift;
+ button.onmouseover = function () {
+ image.style.backgroundPosition = this.XShift + " " + highlightYShift;
+ };
+
+ button.onmouseout = function () {
+ image.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 (uaSniffed.isIE) {
+ button.onmousedown = function () {
+ panels.ieCachedRange = document.selection.createRange();
+ panels.ieCachedScrollTop = panels.input.scrollTop;
+ };
+ }
+
+ if (!button.isHelp) {
+ button.onclick = function () {
+ if (this.onmouseout) {
+ this.onmouseout();
+ }
+ doClick(this);
+ return false;
+ }
+ }
+ }
+ else {
+ image.style.backgroundPosition = button.XShift + " " + disabledYShift;
+ button.onmouseover = button.onmouseout = button.onclick = function () { };
+ button.className += " disabled";
+ }
+ }
+
+ function bindCommand(method) {
+ if (typeof method === "string")
+ method = commandManager[method];
+ return function () { method.apply(commandManager, arguments); }
+ }
+
+ function makeSpritedButtonRow() {
+
+ var buttonBar = panels.buttonBar;
+
+ var normalYShift = "0px";
+ var disabledYShift = "-20px";
+ var highlightYShift = "-40px";
+
+ var buttonRow = document.createElement("ul");
+ buttonRow.id = "wmd-button-row" + postfix;
+ buttonRow.className = 'wmd-button-row';
+ buttonRow = buttonBar.appendChild(buttonRow);
+ var xPosition = 0;
+ var makeButton = function (id, title, XShift, textOp) {
+ var button = document.createElement("li");
+ button.className = "wmd-button";
+ button.style.left = xPosition + "px";
+ xPosition += 25;
+ var buttonImage = document.createElement("span");
+ button.id = id + postfix;
+ button.appendChild(buttonImage);
+ button.title = title;
+ button.XShift = XShift;
+ if (textOp)
+ button.textOp = textOp;
+ setupButton(button, true);
+ buttonRow.appendChild(button);
+ return button;
+ };
+ var makeSpacer = function (num) {
+ var spacer = document.createElement("li");
+ spacer.className = "wmd-spacer wmd-spacer" + num;
+ spacer.id = "wmd-spacer" + num + postfix;
+ buttonRow.appendChild(spacer);
+ xPosition += 25;
+ }
+
+ buttons.bold = makeButton("wmd-bold-button", getString("bold"), "0px", bindCommand("doBold"));
+ buttons.italic = makeButton("wmd-italic-button", getString("italic"), "-20px", bindCommand("doItalic"));
+ makeSpacer(1);
+ buttons.link = makeButton("wmd-link-button", getString("link"), "-40px", bindCommand(function (chunk, postProcessing) {
+ return this.doLinkOrImage(chunk, postProcessing, false);
+ }));
+ buttons.quote = makeButton("wmd-quote-button", getString("quote"), "-60px", bindCommand("doBlockquote"));
+ buttons.code = makeButton("wmd-code-button", getString("code"), "-80px", bindCommand("doCode"));
+ buttons.image = makeButton("wmd-image-button", getString("image"), "-100px", bindCommand(function (chunk, postProcessing) {
+ return this.doLinkOrImage(chunk, postProcessing, true);
+ }));
+ makeSpacer(2);
+ buttons.olist = makeButton("wmd-olist-button", getString("olist"), "-120px", bindCommand(function (chunk, postProcessing) {
+ this.doList(chunk, postProcessing, true);
+ }));
+ buttons.ulist = makeButton("wmd-ulist-button", getString("ulist"), "-140px", bindCommand(function (chunk, postProcessing) {
+ this.doList(chunk, postProcessing, false);
+ }));
+ buttons.heading = makeButton("wmd-heading-button", getString("heading"), "-160px", bindCommand("doHeading"));
+ buttons.hr = makeButton("wmd-hr-button", getString("hr"), "-180px", bindCommand("doHorizontalRule"));
+ makeSpacer(3);
+ buttons.undo = makeButton("wmd-undo-button", getString("undo"), "-200px", null);
+ buttons.undo.execute = function (manager) { if (manager) manager.undo(); };
+
+ buttons.redo = makeButton("wmd-redo-button", getString("redo"), "-220px", null);
+ buttons.redo.execute = function (manager) { if (manager) manager.redo(); };
+
+ if (helpOptions) {
+ var helpButton = document.createElement("li");
+ var helpButtonImage = document.createElement("span");
+ helpButton.appendChild(helpButtonImage);
+ helpButton.className = "wmd-button wmd-help-button";
+ helpButton.id = "wmd-help-button" + postfix;
+ helpButton.XShift = "-240px";
+ helpButton.isHelp = true;
+ helpButton.style.right = "0px";
+ helpButton.title = getString("help");
+ helpButton.onclick = helpOptions.handler;
+
+ setupButton(helpButton, true);
+ buttonRow.appendChild(helpButton);
+ buttons.help = helpButton;
+ }
+
+ setUndoRedoButtonStates();
+ }
+
+ function setUndoRedoButtonStates() {
+ if (undoManager) {
+ setupButton(buttons.undo, undoManager.canUndo());
+ setupButton(buttons.redo, undoManager.canRedo());
+ }
+ };
+
+ this.setUndoRedoButtonStates = setUndoRedoButtonStates;
+ this.buttons = buttons;
+ this.doClick = doClick;
+
+ }
+
+ function CommandManager(pluginHooks, getString) {
+ this.hooks = pluginHooks;
+ this.getString = getString;
+ }
+
+ var commandProto = CommandManager.prototype;
+
+ // The markdown symbols - 4 spaces = code, > = blockquote, etc.
+ commandProto.prefixes = "(?:\\s{4,}|\\s*>|\\s*-\\s+|\\s*\\d+\\.|=|\\+|-|_|\\*|#|\\s*\\[[^\n]]+\\]:)";
+
+ // Remove markdown symbols from the chunk selection.
+ commandProto.unwrap = function (chunk) {
+ var txt = new re("([^\\n])\\n(?!(\\n|" + this.prefixes + "))", "g");
+ chunk.selection = chunk.selection.replace(txt, "$1 $2");
+ };
+
+ commandProto.wrap = function (chunk, len) {
+ this.unwrap(chunk);
+ var regex = new re("(.{1," + len + "})( +|$\\n?)", "gm"),
+ that = this;
+
+ chunk.selection = chunk.selection.replace(regex, function (line, marked) {
+ if (new re("^" + that.prefixes, "").test(line)) {
+ return line;
+ }
+ return marked + "\n";
+ });
+
+ chunk.selection = chunk.selection.replace(/\s+$/, "");
+ };
+
+ commandProto.doBold = function (chunk, postProcessing) {
+ return this.doBorI(chunk, postProcessing, 2, this.getString("boldexample"));
+ };
+
+ commandProto.doItalic = function (chunk, postProcessing) {
+ return this.doBorI(chunk, postProcessing, 1, this.getString("italicexample"));
+ };
+
+ // 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
+ commandProto.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?
+ // note that these regex matches cannot fail
+ var starsBefore = /(\**$)/.exec(chunk.before)[0];
+ var starsAfter = /(^\**)/.exec(chunk.after)[0];
+
+ 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;
+ };
+
+ commandProto.stripLinkDefs = function (text, defsToAdd) {
+
+ text = text.replace(/^[ ]{0,3}\[(\d+)\]:[ \t]*\n?[ \t]*(\S+?)>?[ \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;
+ };
+
+ commandProto.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 = this.stripLinkDefs(chunk.before, defsToAdd);
+ chunk.selection = this.stripLinkDefs(chunk.selection, defsToAdd);
+ chunk.after = this.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;
+ };
+
+ // note that
+ // a) the recursive call to getLink cannot go infinite, because by definition
+ // of regex, inner is always a proper substring of wholeMatch, and
+ // b) more than one level of nesting is neither supported by the regex
+ // nor making a lot of sense (the only use case for nesting is a linked image)
+ var getLink = function (wholeMatch, before, inner, afterInner, id, end) {
+ inner = inner.replace(regex, getLink);
+ if (defsToAdd[id]) {
+ addDefNumber(defsToAdd[id]);
+ return before + inner + afterInner + 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;
+ };
+
+ // takes the line as entered into the add link/as image dialog and makes
+ // sure the URL and the optinal title are "nice".
+ function properlyEncoded(linkdef) {
+ return linkdef.replace(/^\s*(.*?)(?:\s+"(.+)")?\s*$/, function (wholematch, link, title) {
+ link = link.replace(/\?.*$/, function (querypart) {
+ return querypart.replace(/\+/g, " "); // in the query string, a plus and a space are identical
+ });
+ link = decodeURIComponent(link); // unencode first, to prevent double encoding
+ link = encodeURI(link).replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29');
+ link = link.replace(/\?.*$/, function (querypart) {
+ return querypart.replace(/\+/g, "%2b"); // since we replaced plus with spaces in the query part, all pluses that now appear where originally encoded
+ });
+ if (title) {
+ title = title.trim ? title.trim() : title.replace(/^\s*/, "").replace(/\s*$/, "");
+ title = title.replace(/"/g, "quot;").replace(/\(/g, "(").replace(/\)/g, ")").replace(//g, ">");
+ }
+ return title ? link + ' "' + title + '"' : link;
+ });
+ }
+
+ // life 添加
+ commandProto.insertLink = function (chunk, postProcessing, link, text, isImage) {
+ chunk.trimWhitespace();
+ chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\[.*?\])?/);
+ var background;
+
+ if (chunk.endTag.length > 1 && chunk.startTag.length > 0) {
+
+ chunk.startTag = chunk.startTag.replace(/!?\[/, "");
+ chunk.endTag = "";
+ this.addLinkDef(chunk, null);
+ }
+ else {
+
+ // We're moving start and end tag back into the selection, since (as we're in the else block) we're not
+ // *removing* a link, but *adding* one, so whatever findTags() found is now back to being part of the
+ // link text. linkEnteredCallback takes care of escaping any brackets.
+ chunk.selection = chunk.startTag + chunk.selection + chunk.endTag;
+ chunk.startTag = chunk.endTag = "";
+
+ if (/\n\n/.test(chunk.selection)) {
+ this.addLinkDef(chunk, null);
+ return;
+ }
+ var that = this;
+ // The function to be executed when you enter a link and press OK or Cancel.
+ // Marks up the link and adds the ref.
+ var linkEnteredCallback = function (link) {
+ background.parentNode.removeChild(background);
+
+ if (link !== null) {
+ chunk.selection = (" " + chunk.selection).replace(/([^\\](?:\\\\)*)(?=[[\]])/g, "$1\\").substr(1);
+
+ chunk.startTag = isImage ? "![" : "[";
+ //chunk.endTag = "][" + num + "]";
+ chunk.endTag = "](" + properlyEncoded(link) + ")";
+
+ chunk.selection = text;
+ }
+ postProcessing();
+ };
+
+ background = ui.createBackground();
+ linkEnteredCallback(link);
+ return true;
+ }
+ };
+
+ commandProto.doLinkOrImage = function (chunk, postProcessing, isImage) {
+
+ chunk.trimWhitespace();
+ //chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\[.*?\])?/);
+ chunk.findTags(/\s*!?\[/, /\][ ]?(?:\n[ ]*)?(\(.*?\))?/);
+
+ var background;
+
+ if (chunk.endTag.length > 1 && chunk.startTag.length > 0) {
+
+ chunk.startTag = chunk.startTag.replace(/!?\[/, "");
+ chunk.endTag = "";
+ this.addLinkDef(chunk, null);
+
+ }
+ else {
+
+ // We're moving start and end tag back into the selection, since (as we're in the else block) we're not
+ // *removing* a link, but *adding* one, so whatever findTags() found is now back to being part of the
+ // link text. linkEnteredCallback takes care of escaping any brackets.
+ chunk.selection = chunk.startTag + chunk.selection + chunk.endTag;
+ chunk.startTag = chunk.endTag = "";
+
+ if (/\n\n/.test(chunk.selection)) {
+ this.addLinkDef(chunk, null);
+ return;
+ }
+ var that = this;
+ // The function to be executed when you enter a link and press OK or Cancel.
+ // Marks up the link and adds the ref.
+ var linkEnteredCallback = function (link, text) {
+ background.parentNode.removeChild(background);
+
+ if (link !== null) {
+ // ( $1
+ // [^\\] anything that's not a backslash
+ // (?:\\\\)* an even number (this includes zero) of backslashes
+ // )
+ // (?= followed by
+ // [[\]] an opening or closing bracket
+ // )
+ //
+ // In other words, a non-escaped bracket. These have to be escaped now to make sure they
+ // don't count as the end of the link or similar.
+ // Note that the actual bracket has to be a lookahead, because (in case of to subsequent brackets),
+ // the bracket in one match may be the "not a backslash" character in the next match, so it
+ // should not be consumed by the first match.
+ // The "prepend a space and finally remove it" steps makes sure there is a "not a backslash" at the
+ // start of the string, so this also works if the selection begins with a bracket. We cannot solve
+ // this by anchoring with ^, because in the case that the selection starts with two brackets, this
+ // would mean a zero-width match at the start. Since zero-width matches advance the string position,
+ // the first bracket could then not act as the "not a backslash" for the second.
+ chunk.selection = (" " + chunk.selection).replace(/([^\\](?:\\\\)*)(?=[[\]])/g, "$1\\").substr(1);
+
+ /*
+ var linkDef = " [999]: " + properlyEncoded(link);
+
+ var num = that.addLinkDef(chunk, linkDef);
+ */
+ chunk.startTag = isImage ? "![" : "[";
+ // chunk.endTag = "][" + num + "]";
+ chunk.endTag = "](" + properlyEncoded(link) + ")";
+
+ if (!chunk.selection) {
+ var str = '';
+ if (text) {
+ str = text;
+ } else if (isImage) {
+ str = that.getString("imagedescription");
+ }
+ else {
+ str = that.getString("linkdescription");
+ }
+
+ chunk.selection = str;
+ }
+ }
+ postProcessing();
+ };
+
+ background = ui.createBackground();
+
+ if (isImage) {
+ if (!this.hooks.insertImageDialog(linkEnteredCallback)) {
+ }
+ // ui.prompt(this.getString("imagedialog"), imageDefaultText, linkEnteredCallback);
+ }
+ else {
+ if (!this.hooks.insertLinkDialog(linkEnteredCallback))
+ ui.prompt(this.getString("linkdialog"), linkDefaultText, linkEnteredCallback);
+ }
+ return true;
+ }
+ };
+
+ // When making a list, hitting shift-enter will put your cursor on the next line
+ // at the current indent level.
+ commandProto.doAutoindent = function (chunk, postProcessing) {
+
+ var commandMgr = this,
+ fakeSelection = false;
+
+ 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");
+
+ // There's no selection, end the cursor wasn't at the end of the line:
+ // The user wants to split the current list item / code line / blockquote line
+ // (for the latter it doesn't really matter) in two. Temporarily select the
+ // (rest of the) line to achieve this.
+ if (!chunk.selection && !/^[ \t]*(?:\n|$)/.test(chunk.after)) {
+ chunk.after = chunk.after.replace(/^[^\n]*/, function (wholeMatch) {
+ chunk.selection = wholeMatch;
+ return "";
+ });
+ fakeSelection = true;
+ }
+
+ if (/(\n|^)[ ]{0,3}([*+-]|\d+[.])[ \t]+.*\n$/.test(chunk.before)) {
+ if (commandMgr.doList) {
+ commandMgr.doList(chunk);
+ }
+ }
+ if (/(\n|^)[ ]{0,3}>[ \t]+.*\n$/.test(chunk.before)) {
+ if (commandMgr.doBlockquote) {
+ commandMgr.doBlockquote(chunk);
+ }
+ }
+ if (/(\n|^)(\t|[ ]{4,}).*\n$/.test(chunk.before)) {
+ if (commandMgr.doCode) {
+ commandMgr.doCode(chunk);
+ }
+ }
+
+ if (fakeSelection) {
+ chunk.after = chunk.selection + chunk.after;
+ chunk.selection = "";
+ }
+ };
+
+ commandProto.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 || this.getString("quoteexample");
+
+ // The original code uses a regular expression to find out how much of the
+ // text *directly before* the selection already was a blockquote:
+
+ /*
+ if (chunk.before) {
+ chunk.before = chunk.before.replace(/\n?$/, "\n");
+ }
+ chunk.before = chunk.before.replace(/(((\n|^)(\n[ \t]*)*>(.+\n)*.*)+(\n[ \t]*)*$)/,
+ function (totalMatch) {
+ chunk.startTag = totalMatch;
+ return "";
+ });
+ */
+
+ // This comes down to:
+ // Go backwards as many lines a possible, such that each line
+ // a) starts with ">", or
+ // b) is almost empty, except for whitespace, or
+ // c) is preceeded by an unbroken chain of non-empty lines
+ // leading up to a line that starts with ">" and at least one more character
+ // and in addition
+ // d) at least one line fulfills a)
+ //
+ // Since this is essentially a backwards-moving regex, it's susceptible to
+ // catstrophic backtracking and can cause the browser to hang;
+ // see e.g. http://meta.stackoverflow.com/questions/9807.
+ //
+ // Hence we replaced this by a simple state machine that just goes through the
+ // lines and checks for a), b), and c).
+
+ var match = "",
+ leftOver = "",
+ line;
+ if (chunk.before) {
+ var lines = chunk.before.replace(/\n$/, "").split("\n");
+ var inChain = false;
+ for (var i = 0; i < lines.length; i++) {
+ var good = false;
+ line = lines[i];
+ inChain = inChain && line.length > 0; // c) any non-empty line continues the chain
+ if (/^>/.test(line)) { // a)
+ good = true;
+ if (!inChain && line.length > 1) // c) any line that starts with ">" and has at least one more character starts the chain
+ inChain = true;
+ } else if (/^[ \t]*$/.test(line)) { // b)
+ good = true;
+ } else {
+ good = inChain; // c) the line is not empty and does not start with ">", so it matches if and only if we're in the chain
+ }
+ if (good) {
+ match += line + "\n";
+ } else {
+ leftOver += match + line;
+ match = "\n";
+ }
+ }
+ if (!/(^|\n)>/.test(match)) { // d)
+ leftOver += match;
+ match = "";
+ }
+ }
+
+ chunk.startTag = match;
+ chunk.before = leftOver;
+
+ // end of change
+
+ if (chunk.after) {
+ chunk.after = chunk.after.replace(/^\n?/, "\n");
+ }
+
+ 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)) {
+ this.wrap(chunk, SETTINGS.lineLength - 2);
+ chunk.selection = chunk.selection.replace(/^/gm, "> ");
+ replaceBlanksInTags(true);
+ chunk.skipLines();
+ } else {
+ chunk.selection = chunk.selection.replace(/^[ ]{0,3}> ?/gm, "");
+ this.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");
+ }
+ }
+
+ chunk.selection = this.hooks.postBlockquoteCreation(chunk.selection);
+
+ if (!/\n/.test(chunk.selection)) {
+ chunk.selection = chunk.selection.replace(/^(> *)/,
+ function (wholeMatch, blanks) {
+ chunk.startTag += blanks;
+ return "";
+ });
+ }
+ };
+
+ // 这里, 应该用 ``` ```
+ commandProto.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 = this.getString("codeexample");
+ }
+ else {
+ if (/^[ ]{0,3}\S/m.test(chunk.selection)) {
+ if (/\n/.test(chunk.selection))
+ chunk.selection = chunk.selection.replace(/^/gm, " ");
+ else // if it's not multiline, do not select the four added spaces; this is more consistent with the doList behavior
+ chunk.before += " ";
+ }
+ else {
+ chunk.selection = chunk.selection.replace(/^(?:[ ]{4}|[ ]{0,3}\t)/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 = this.getString("codeexample");
+ }
+ }
+ else if (chunk.endTag && !chunk.startTag) {
+ chunk.before += chunk.endTag;
+ chunk.endTag = "";
+ }
+ else {
+ chunk.startTag = chunk.endTag = "";
+ }
+ }
+ };
+
+ commandProto.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");
+ this.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 = this.getString("litem");
+ }
+
+ 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, " ");
+ this.wrap(chunk, SETTINGS.lineLength - spaces.length);
+ chunk.selection = chunk.selection.replace(/\n/g, "\n" + spaces);
+
+ };
+
+ // 要改成 ## ### ####
+ // life 2015/7/12
+ commandProto.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) {
+ // 需要skip的时候 life
+ if(chunk.before && (chunk.before[chunk.before.length - 1] != "\n")) {
+ chunk.skipLines(1, 1);
+ }
+ chunk.startTag = "# ";
+ chunk.selection = this.getString("headingexample");
+ chunk.endTag = ""; // ##
+ return;
+ }
+
+ chunk.findTags(/#+[ ]*/, /[ ]*#+/);
+ // console.log(chunk);
+
+ if(chunk.before && (chunk.before[chunk.before.length - 1] != "\n")) {
+ chunk.skipLines(1, 1);
+ }
+
+ var beforeHLevel = 0;
+ var startTag = chunk.startTag;
+ if (/^#+[ ]*$/.test(startTag)) {
+ startTag = startTag.replace(/ /g, '');
+ beforeHLevel = startTag.length;
+ }
+
+ // [0, 4]
+ var headerLevelToCreate = 0;
+ if(beforeHLevel >= 0 && beforeHLevel <= 3) {
+ headerLevelToCreate = beforeHLevel + 1;
+ }
+ if(beforeHLevel >= 4) {
+ headerLevelToCreate = 0;
+ chunk.startTag = '';
+ }
+
+ if (headerLevelToCreate > 0) {
+ var header = "";
+ while (headerLevelToCreate--) {
+ header += "#";
+ }
+ header += " ";
+
+ chunk.startTag = header;
+ }
+ return;
+ };
+
+ commandProto.doHorizontalRule = function (chunk, postProcessing) {
+ chunk.startTag = "----------\n";
+ chunk.selection = "";
+ chunk.skipLines(1, 1, true);
+ }
+
+})();
define("pagedown", function(){});
-/*globals MD:true, Markdown */
-define('core',[
- "underscore",
- "crel",
- "editor",
- // "layout",
- "constants",
- "utils",
- "storage",
- "settings",
- "eventMgr",
- 'pagedown'
-], function( _, crel, editor, constants, utils, storage, settings, eventMgr) {
-
- var core = {};
-
- // life commonjs使用
- MD = editor;
-
- // Used to detect user activity
- var isUserReal = false;
- var userActive = false;
- var userLastActivity = 0;
-
- function setUserActive() {
- isUserReal = true;
- userActive = true;
- var currentTime = utils.currentTime;
- if(currentTime > userLastActivity + 1000) {
- userLastActivity = currentTime;
- eventMgr.onUserActive();
- }
- }
-
- // Load settings in settings dialog
- // var $themeInputElt;
-
- // Create the PageDown editor
- var pagedownEditor;
- var fileDesc;
- core.initEditorFirst = function() {
- // Create the converter and the editor
- var converter = new Markdown.Converter();
- var options = {
- _DoItalicsAndBold: function(text) {
- // Restore original markdown implementation
- text = text.replace(/(\*\*|__)(?=\S)(.+?[*_]*)(?=\S)\1/g,
- "$2");
- text = text.replace(/(\*|_)(?=\S)(.+?)(?=\S)\1/g,
- "$2");
- return text;
- }
- };
- converter.setOptions(options);
-
- pagedownEditor = new Markdown.Editor(converter, undefined, {
- undoManager: editor.undoMgr
- // ,
- // helpButton: { handler: markdownHelp },
- // strings: "Markdown syntax"
- });
-
- MD.insertLink2 = pagedownEditor.insertLink;
-
- // Custom insert link dialog
- pagedownEditor.hooks.set("insertLinkDialog", function(callback) {
- core.insertLinkCallback = callback;
- utils.resetModalInputs();
- $(".modal-insert-link").modal();
- return true;
- });
- // Custom insert image dialog
- pagedownEditor.hooks.set("insertImageDialog", function(callback) {
- // life, atom
- insertLocalImage();
- // 上传图片
- return;
- });
-
- eventMgr.onPagedownConfigure(pagedownEditor);
- pagedownEditor.hooks.chain("onPreviewRefresh", eventMgr.onAsyncPreview);
- pagedownEditor.run();
- // editor.undoMgr.init();
-
- // Hide default buttons
- $(".wmd-button-row li").addClass("btn btn-success").css("left", 0).find("span").hide();
-
- // Add customized buttons
- var $btnGroupElt = $('.wmd-button-group1');
-
- $("#wmd-bold-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-italic-button").append($('')).appendTo($btnGroupElt);
- $btnGroupElt = $('.wmd-button-group2');
- $("#wmd-link-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-quote-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-code-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-image-button").append($('')).appendTo($btnGroupElt);
- $btnGroupElt = $('.wmd-button-group3');
- $("#wmd-olist-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-ulist-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-heading-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-hr-button").append($('')).appendTo($btnGroupElt);
- $btnGroupElt = $('.wmd-button-group5');
- $("#wmd-undo-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-redo-button").append($('')).appendTo($btnGroupElt);
- $("#wmd-help-button").show();
- };
-
- core.initEditor = function(fileDescParam) {
- if(fileDesc !== undefined) {
- eventMgr.onFileClosed(fileDesc);
- }
- fileDesc = fileDescParam;
-
- // If the editor is already created, 返回之
- // 再fileDEsc有什么用?
- if(pagedownEditor !== undefined) {
- editor.undoMgr.init();
- return pagedownEditor.uiManager.setUndoRedoButtonStates();
- }
- core.initEditorFirst();
- editor.undoMgr.init();
- };
-
- // Initialize multiple things and then fire eventMgr.onReady
- // 主入口
- core.onReady = function() {
- // Add RTL class
- document.body.className += ' ' + settings.editMode;
-
- // 这里, 以后肯定都是bodyEditorHTML, 用bodyEditorHTML不是这里加载的, 直接在html写上
- // document.body.innerHTML = bodyEditorHTML;
-
- // Initialize utils library
- utils.init();
-
- // Detect user activity
- $(document).mousemove(setUserActive).keypress(setUserActive);
-
- // 先发送事件, 不然partialRendering有问题
- eventMgr.onReady();
-
- // 布局, 一些事件, 比如打开左侧menu
- // layout.init();
- core.initEditorFirst();
- editor.init();
-
- // life
- // var fileDesc = {content: ""};
- // eventMgr.onFileSelected(fileDesc);
- // core.initEditor(fileDesc);
- };
-
- // Other initialization that are not prioritary
- eventMgr.addListener("onReady", function() {
-
- $(document.body).on('shown.bs.modal', '.modal', function() {
- var $elt = $(this);
- setTimeout(function() {
- // When modal opens focus on the first button
- $elt.find('.btn:first').focus();
- // Or on the first link if any
- $elt.find('button:first').focus();
- // Or on the first input if any
- $elt.find("input:enabled:visible:first").focus();
- }, 50);
- }).on('hidden.bs.modal', '.modal', function() {
- // Focus on the editor when modal is gone
- editor.focus();
- // Revert to current theme when settings modal is closed
- // applyTheme(window.theme);
- }).on('keypress', '.modal', function(e) {
- // Handle enter key in modals
- if(e.which == 13 && !$(e.target).is("textarea")) {
- $(this).find(".modal-footer a:last").click();
- }
- });
-
- // Click events on "insert link" and "insert image" dialog buttons
- $(".action-insert-link").click(function(e) {
- var value = utils.getInputTextValue($("#input-insert-link"), e);
- if(value !== undefined) {
- core.insertLinkCallback(value);
- core.insertLinkCallback = undefined;
- }
- });
- // 插入图片
- /*
- $(".action-insert-image").click(function() {
- // 得到图片链接或图片
- var value = document.mdImageManager.mdGetImgSrc();
- // var value = utils.getInputTextValue($("#input-insert-image"), e);
- if(value) {
- core.insertLinkCallback(value);
- core.insertLinkCallback = undefined;
- }
- });
- */
-
- // Hide events on "insert link" and "insert image" dialogs
- $(".modal-insert-link, .modal-insert-image").on('hidden.bs.modal', function() {
- if(core.insertLinkCallback !== undefined) {
- core.insertLinkCallback(null);
- core.insertLinkCallback = undefined;
- }
- });
-
- // Avoid dropdown panels to close on click
- $("div.dropdown-menu").click(function(e) {
- e.stopPropagation();
- });
-
- // 弹框显示markdown语法
- $('#wmd-help-button').click(function() {
- // life
- var url = 'http://leanote.com/blog/post/531b263bdfeb2c0ea9000002';
- openExternal(url);
- // window.open("http://leanote.com/blog/view/531b263bdfeb2c0ea9000002");
- });
-
- // Load images
- _.each(document.querySelectorAll('img'), function(imgElt) {
- var $imgElt = $(imgElt);
- var src = $imgElt.data('stackeditSrc');
- if(src) {
- $imgElt.attr('src', window.baseDir + '/img/' + src);
- }
- });
-
- // if(window.viewerMode === false) {
- // // Load theme list
- // var themeOptions = _.reduce(constants.THEME_LIST, function(themeOptions, name, value) {
- // return themeOptions + '';
- // }, '');
- // document.getElementById('input-settings-theme').innerHTML = themeOptions;
- // }
- });
-
- return core;
-});
+/*globals MD:true, Markdown */
+define('core',[
+ "underscore",
+ "crel",
+ "editor",
+ // "layout",
+ "constants",
+ "utils",
+ "storage",
+ "settings",
+ "eventMgr",
+ 'pagedown'
+], function( _, crel, editor, constants, utils, storage, settings, eventMgr) {
+
+ var core = {};
+
+ // life commonjs使用
+ MD = editor;
+
+ // Used to detect user activity
+ var isUserReal = false;
+ var userActive = false;
+ var userLastActivity = 0;
+
+ function setUserActive() {
+ isUserReal = true;
+ userActive = true;
+ var currentTime = utils.currentTime;
+ if(currentTime > userLastActivity + 1000) {
+ userLastActivity = currentTime;
+ eventMgr.onUserActive();
+ }
+ }
+
+ // Load settings in settings dialog
+ // var $themeInputElt;
+
+ // Create the PageDown editor
+ var pagedownEditor;
+ var fileDesc;
+
+ var insertLinkO = $('' + getMsg('Hyperlink') + '
' +
- '
');
- });
- }
- Process.prototype.remove = function() {
- var me = this;
- $('#' + me.id).remove();
- }
-
- // 当url改变时, 得到图片的大小
- function getImageSize(url, callback) {
- var img = document.createElement('img');
-
- function done(width, height) {
- img.parentNode.removeChild(img);
- callback({width: width, height: height});
- }
-
- img.onload = function() {
- done(img.clientWidth, img.clientHeight);
- };
-
- img.onerror = function() {
- done();
- };
-
- img.src = url;
-
- var style = img.style;
- style.visibility = 'hidden';
- style.position = 'fixed';
- style.bottom = style.left = 0;
- style.width = style.height = 'auto';
-
- document.body.appendChild(img);
- }
-
- var i = 1;
- function insertImage(data) {
- var editor = tinymce.activeEditor;
- var dom = editor.dom;
-
- var renderImage = function(data2) {
- // 这里, 如果图片宽度过大, 这里设置成500px
- var d = {};
- var imgElm;
- // 先显示loading...
- d.id = '__mcenew' + (i++);
- d.src = "http://leanote.com/images/loading-24.gif";
- imgElm = dom.createHTML('img', d);
- tinymce.activeEditor.insertContent(imgElm);
- imgElm = dom.get(d.id);
-
- function callback (wh) {
- dom.setAttrib(imgElm, 'src', data2.src);
- // dom.setAttrib(imgElm, 'width', data2.width);
- if(data2.title) {
- dom.setAttrib(imgElm, 'title', data2.title);
- }
-
- dom.setAttrib(imgElm, 'id', null);
- };
- getImageSize(data.src, callback);
- }
-
- //-------------
- // outputImage?fileId=123232323
- var fileId = "";
- fileIds = data.src.split("fileId=")
- if(fileIds.length == 2 && fileIds[1].length == "53aecf8a8a039a43c8036282".length) {
- fileId = fileIds[1];
- }
- if(fileId) {
- // 得到fileId, 如果这个笔记不是我的, 那么肯定是协作的笔记, 那么需要将图片copy给原note owner
- var curNote = Note.getCurNote();
- if(curNote && curNote.UserId != UserInfo.UserId) {
- (function(data) {
- ajaxPost("/file/copyImage", {userId: UserInfo.UserId, fileId: fileId, toUserId: curNote.UserId}, function(re) {
- if(reIsOk(re) && re.Id) {
- var urlPrefix = window.location.protocol + "//" + window.location.host;
- data.src = urlPrefix + "/file/outputImage?fileId=" + re.Id;
- }
- renderImage(data);
- });
- })(data);
- } else {
- renderImage(data);
- }
- } else {
- renderImage(data);
- }
- }
-
- var initUploader = function() {
- var ul = $('#upload ul');
-
- $('#drop a').click(function() {
- // trigger to show file select
- $(this).parent().find('input').click();
- });
-
- // Initialize the jQuery File Upload plugin
- $('#upload').fileupload({
- dataType: 'json',
- pasteZone: '', // 不允许paste
- acceptFileTypes: /(\.|\/)(gif|jpg|jpeg|png|jpe)$/i,
- maxFileSize: 210000,
-
- // This element will accept file drag/drop uploading
- dropZone: $('#drop'),
- formData: function(form) {
- return [{name: 'albumId', value: ""}]
- },
- // This function is called when a file is added to the queue;
- // either via the browse button, or via drag/drop:
- add: function(e, data) {
- var tpl = $('
';
- editor.insertContent(img);
- var imgElm = $(d.id);
- data.imgId = d.id;
- data.context = imgElm;
- */
-
- /*
- // 上传之
- var c = new FormData;
- c.append("from", "pasteImage");
- // var d;
- // d = $.ajaxSettings.xhr();
- // d.withCredentials = i;var d = {};
-
- // 先显示loading...
- var editor = tinymce.EditorManager.activeEditor;
- var dom = editor.dom;
- var d = {};
- d.id = '__mcenew';
- d.src = "http://leanote.com/images/loading-24.gif"; // 写死了
- editor.insertContent(dom.createHTML('img', d));
- var imgElm = dom.get('__mcenew');
- $.ajax({url: "/file/pasteImage", contentType:false, processData:false , data: c, type: "POST"}
- ).done(function(re) {
- if(!re || typeof re != "object" || !re.Ok) {
- // 删除
- dom.remove(imgElm);
- return;
- }
- // 这里, 如果图片宽度过大, 这里设置成500px
- var urlPrefix = UrlPrefix; // window.location.protocol + "//" + window.location.host;
- var src = urlPrefix + "/file/outputImage?fileId=" + re.Id;
- getImageSize(src, function(wh) {
- // life 4/25
- if(wh && wh.width) {
- if(wh.width > 600) {
- wh.width = 600;
- }
- d.width = wh.width;
- dom.setAttrib(imgElm, 'width', d.width);
- }
- dom.setAttrib(imgElm, 'src', src);
- });
- dom.setAttrib(imgElm, 'id', null);
- });
- };
- reader.readAsDataURL(blob);
- */
- },
-
- done: function(e, data) {
- if (data.result.Ok == true) {
- // 这里, 如果图片宽度过大, 这里设置成500px
- var re = data.result;
- var urlPrefix = UrlPrefix; // window.location.protocol + "//" + window.location.host;
- var src = urlPrefix + "/file/outputImage?fileId=" + re.Id;
-
- data.process.replace(src);
- /*
- getImageSize(src, function() {
- $img.attr('src', src);
- $img.removeAttr('id');
- });
- */
- } else {
- data.process.remove();
- }
- },
- fail: function(e, data) {
- data.process.remove();
- }
- });
- };
-
- initUploader();
- pasteImageInit();
-});
-// upload attachment
-// 依赖note
-var urlPrefix = UrlPrefix;
-define('attachment_upload', ['jquery.ui.widget', 'fileupload'], function(){
- // Helper function that formats the file sizes
- function formatFileSize(bytes) {
- if (typeof bytes !== 'number') {
- return '';
- }
- if (bytes >= 1000000000) {
- return (bytes / 1000000000).toFixed(2) + ' GB';
- }
- if (bytes >= 1000000) {
- return (bytes / 1000000).toFixed(2) + ' MB';
- }
- return (bytes / 1000).toFixed(2) + ' KB';
- }
-
- function setDropStyle(dropzoneId, formId) {
- // drag css
- var dropZone = $(dropzoneId);
- $(formId).bind('dragover', function (e) {
- e.preventDefault();
- var timeout = window.dropZoneTimeoutAttach;
- if(timeout) {
- clearTimeout(timeout);
- }
-
- var found = false,
- node = e.target;
- do {
- if (node === dropZone[0]) {
- found = true;
- break;
- }
- node = node.parentNode;
- } while (node != null);
- if (found) {
- dropZone.addClass('hover');
- } else {
- dropZone.removeClass('hover');
- }
- window.dropZoneTimeoutAttach = setTimeout(function () {
- window.dropZoneTimeoutAttach = null;
- dropZone.removeClass('in hover');
- }, 100);
- });
- }
-
- setDropStyle("#dropAttach", "#uploadAttach");
- setDropStyle("#dropAvatar", "#uploadAvatar");
-
- var initUploader = function() {
- $('.dropzone .btn-choose-file').click(function() {
- $(this).parent().find('input').click();
- });
-
- var $msg = $('#attachUploadMsg');
- // Initialize the jQuery File Upload plugin
- $('#uploadAttach').fileupload({
- dataType: 'json',
- pasteZone: '', // 不能通过paste来上传图片
- // This element will accept file drag/drop uploading
- dropZone: $('#dropAttach'),
- formData: function(form) {
- return [{name: 'noteId', value: Note.curNoteId}] // 传递笔记本过去
- },
- // This function is called when a file is added to the queue;
- // either via the browse button, or via drag/drop:
- add: function(e, data) {
- var note = Note.getCurNote();
- if(!note || note.IsNew) {
- alert("This note hasn't saved, please save it firstly!")
- return;
- }
-
- var tpl = $('');
-
- // Append the file name and file size
- tpl.append(data.files[0].name + ' [' + formatFileSize(data.files[0].size) + ']');
-
- // Add the HTML to the UL element
- $msg.html(tpl);
- data.context = $msg;
-
- // 检查文件大小
- var size = data.files[0].size;
- var maxFileSize = +GlobalConfigs["uploadAttachSize"] || 100;
- if(typeof size == 'number' && size > 1024 * 1024 * maxFileSize) {
- tpl.find("img").remove();
- tpl.removeClass("alert-info").addClass("alert-danger");
- tpl.append(" Warning: File size is bigger than " + maxFileSize + "M");
- setTimeout((function(tpl) {
- return function() {
- tpl.remove();
- }
- })(tpl), 3000);
- return;
- }
-
- // Automatically upload the file once it is added to the queue
- var jqXHR;
- setTimeout(function() {
- jqXHR = data.submit();
- }, 10);
- },
- /*
- progress: function (e, data) {
- },
- */
- done: function(e, data) {
- if (data.result.Ok == true) {
- data.context.html("");
- Attach.addAttach(data.result.Item);
- } else {
- var re = data.result;
- data.context.html("");
- var tpl = $('');
- tpl.append('Error: ' + data.files[0].name + ' [' + formatFileSize(data.files[0].size) + '] ' + data.result.Msg);
- data.context.html(tpl);
- setTimeout((function(tpl) {
- return function() {
- tpl.remove();
- }
- })(tpl), 3000);
- }
- $("#uploadAttachMsg").scrollTop(1000);
- },
- fail: function(e, data) {
- data.context.html("");
- var tpl = $('');
- tpl.append('Error: ' + data.files[0].name + ' [' + formatFileSize(data.files[0].size) + '] ' + data.errorThrown);
- data.context.html(tpl);
- setTimeout((function(tpl) {
- return function() {
- tpl.remove();
- }
- })(tpl), 3000);
-
- $("#uploadAttachMsg").scrollTop(1000);
- }
- });
-
- //-------------------
- // 已经过时, 没有avatar了
-
- var $msg2 = $('#avatarUploadMsg');
- $('#uploadAvatar').fileupload({
- dataType: 'json',
- dropZone: $('#dropAvatar'),
- pasteZone: '',
- add: function(e, data) {
- var tpl = $('');
-
- // Append the file name and file size
- tpl.append(data.files[0].name + ' [' + formatFileSize(data.files[0].size) + ']');
-
- // Add the HTML to the UL element
- $msg2.html(tpl);
- data.context = $msg2;
-
- // 检查文件大小
- var size = data.files[0].size;
- var maxFileSize = +GlobalConfigs["uploadAvatarSize"] || 100;
- if(typeof size == 'number' && size > 1024 * 1024 * maxFileSize) {
- tpl.find("img").remove();
- tpl.removeClass("alert-info").addClass("alert-danger");
- tpl.append(" Warning: File size is bigger than " + maxFileSize + "M");
- setTimeout((function(tpl) {
- return function() {
- tpl.remove();
- }
- })(tpl), 3000);
- return;
- }
-
- // Automatically upload the file once it is added to the queue
- var jqXHR;
- setTimeout(function() {
- jqXHR = data.submit();
- }, 10);
- },
- done: function(e, data) {
- if (data.result.Ok == true) {
- data.context.html("");
- var re = data.result;
- $("#avatar").attr("src", UrlPrefix + "/" + re.Id);
- } else {
- var re = data.result;
- data.context.html("");
- var tpl = $('');
- tpl.append('Error: ' + data.files[0].name + ' [' + formatFileSize(data.files[0].size) + '] ' + data.result.Msg);
- data.context.html(tpl);
- setTimeout((function(tpl) {
- return function() {
- tpl.remove();
- }
- })(tpl), 3000);
- }
- },
- fail: function(e, data) {
- data.context.html("");
- var tpl = $('');
- tpl.append('Error: ' + data.files[0].name + ' [' + formatFileSize(data.files[0].size) + '] ' + data.errorThrown);
- data.context.html(tpl);
- setTimeout((function(tpl) {
- return function() {
- tpl.remove();
- }
- })(tpl), 3000);
- }
- });
- };
-
- initUploader();
-});
// RequireJS configuration
/*global requirejs */
requirejs.config({
@@ -43008,14 +40251,7 @@ requirejs.config({
'google-code-prettify': 'bower-libs/google-code-prettify/src/prettify',
highlightjs: 'libs/highlight/highlight.pack',
'jquery-waitforimages': 'bower-libs/waitForImages/src/jquery.waitforimages',
- 'jquery-ui': 'bower-libs/jquery-ui/ui/jquery-ui',
- 'jquery-ui-core': 'bower-libs/jquery-ui/ui/jquery.ui.core',
- 'jquery-ui-widget': 'bower-libs/jquery-ui/ui/jquery.ui.widget',
- 'jquery-ui-mouse': 'bower-libs/jquery-ui/ui/jquery.ui.mouse',
- 'jquery-ui-draggable': 'bower-libs/jquery-ui/ui/jquery.ui.draggable',
- 'jquery-ui-effect': 'bower-libs/jquery-ui/ui/jquery.ui.effect',
- 'jquery-ui-effect-slide': 'bower-libs/jquery-ui/ui/jquery.ui.effect-slide',
- // FileSaver: 'bower-libs/FileSaver/FileSaver',
+ FileSaver: 'bower-libs/FileSaver/FileSaver',
stacktrace: 'bower-libs/stacktrace/stacktrace',
'requirejs-text': 'bower-libs/requirejs-text/text',
'bootstrap-tour': 'bower-libs/bootstrap-tour/build/js/bootstrap-tour',
@@ -43047,16 +40283,8 @@ requirejs.config({
'flow-chart': 'bower-libs/flowchart/release/flowchart.amd-1.3.4.min',
flowchart: 'bower-libs/flowchart/release/flowchart-1.3.4.min',
monetizejs: 'bower-libs/monetizejs/src/monetize',
- 'to-markdown': 'bower-libs/to-markdown/src/to-markdown',
waitForImages: 'bower-libs/waitForImages/dist/jquery.waitforimages',
- MathJax: '../libs/MathJax/MathJax',
- alertify: 'bower-libs/alertify.js/lib/alertify',
- // life
- 'editor_drop_paste': 'app/editor_drop_paste',
- 'attachment_upload': 'app/attachment_upload',
- 'jquery.ui.widget': 'app/libs/jquery.ui.widget',
- 'fileupload': 'app/libs/jquery.fileupload',
- 'iframe-transport': 'app/libs/jquery.iframe-transport',
+ MathJax: '../libs/MathJax/MathJax'
},
shim: {
underscore: {
@@ -43105,35 +40333,19 @@ requirejs.config({
'bootstrap-record': [
'mousetrap'
],
- toMarkdown: {
- deps: [
-
- ],
- exports: 'toMarkdown'
- },
stacktrace: {
exports: 'printStackTrace'
},
- // FileSaver: {
- // exports: 'saveAs'
- // },
+ FileSaver: {
+ exports: 'saveAs'
+ },
MutationObservers: [
'WeakMap'
],
highlightjs: {
exports: 'hljs'
},
- 'bootstrap-tour': {
- deps: [
- 'bootstrap'
- ],
- exports: 'Tour'
- },
- bootstrap: [
-
- ],
'jquery-waitforimages': [
-
],
pagedown: [
'libs/Markdown.Converter'
@@ -43150,20 +40362,23 @@ requirejs.config({
Diagram: [
'raphael',
'diagram-grammar'
- ],
- // life
- 'fileupload': {deps: ['jquery.ui.widget', 'iframe-transport']},
+ ]
}
});
window.viewerMode = false;
// Keep the theme in a global variable
-window.__theme = 'default';
-window.baseDir = ''; // life
-var themeModule = "less!themes/" + window.__theme;
+window.theme = 'default';
+var themeModule = "less!themes/" + window.theme;
+/*
if(window.baseDir.indexOf('-min') !== -1) {
- themeModule = "css!themes/" + window.__theme;
+ themeModule = "css!themes/" + window.theme;
}
+*/
+
+window.getMsg || (getMsg = function(msg) {
+ return msg;
+});
// RequireJS entry point. By requiring synchronizer, publisher, sharing and
// media-importer, we are actually loading all the modules
@@ -43177,9 +40392,7 @@ require([
// "sharing",
// "mediaImporter",
"css",
- "rangy-cssclassapplier",
- // "editor_drop_paste",
- // "attachment_upload"
+ "rangy-cssclassapplier"
// ,themeModule // 生产模式
], function( rangy, core) {
if(window.noStart) {
diff --git a/public/md/main.min.js b/public/md/main.min.js
index 422a896a..0e29baed 100644
--- a/public/md/main.min.js
+++ b/public/md/main.min.js
@@ -1,21 +1,16 @@
-function diff_match_patch(){this.Diff_Timeout=1,this.Diff_EditCost=4,this.Match_Threshold=.5,this.Match_Distance=1e3,this.Patch_DeleteThreshold=.5,this.Patch_Margin=4,this.Match_MaxBits=32}window.rangy=function(){function t(t,e){var n=typeof t[e];return n==h||!(n!=u||!t[e])||"unknown"==n}function e(t,e){return!(typeof t[e]!=u||!t[e])}function n(t,e){return typeof t[e]!=f}function r(t){return function(e,n){for(var r=n.length;r--;)if(!t(e,n[r]))return!1;return!0}}function i(t){return t&&v(t,m)&&b(t,g)}function a(t){window.alert("Rangy not supported in your browser. Reason: "+t),x.initialized=!0,x.supported=!1}function o(t){var e="Rangy warning: "+t;x.config.alertOnWarn?window.alert(e):typeof window.console!=f&&typeof window.console.log!=f&&window.console.log(e)}function s(){if(!x.initialized){var n,r=!1,o=!1;t(document,"createRange")&&(n=document.createRange(),v(n,p)&&b(n,d)&&(r=!0),n.detach());var s=e(document,"body")?document.body:document.getElementsByTagName("body")[0];s&&t(s,"createTextRange")&&(n=s.createTextRange(),i(n)&&(o=!0)),r||o||a("Neither Range nor TextRange are implemented"),x.initialized=!0,x.features={implementsDomRange:r,implementsTextRange:o};for(var l=_.concat(w),c=0,u=l.length;u>c;++c)try{l[c](x)}catch(h){e(window,"console")&&t(window.console,"log")&&window.console.log("Init listener threw an exception. Continuing.",h)}}}function l(t){t=t||window,s();for(var e=0,n=C.length;n>e;++e)C[e](t)}function c(t){this.name=t,this.initialized=!1,this.supported=!1}var u="object",h="function",f="undefined",d=["startContainer","startOffset","endContainer","endOffset","collapsed","commonAncestorContainer","START_TO_START","START_TO_END","END_TO_START","END_TO_END"],p=["setStart","setStartBefore","setStartAfter","setEnd","setEndBefore","setEndAfter","collapse","selectNode","selectNodeContents","compareBoundaryPoints","deleteContents","extractContents","cloneContents","insertNode","surroundContents","cloneRange","toString","detach"],g=["boundingHeight","boundingLeft","boundingTop","boundingWidth","htmlText","text"],m=["collapse","compareEndPoints","duplicate","getBookmark","moveToBookmark","moveToElementText","parentElement","pasteHTML","select","setEndPoint","getBoundingClientRect"],v=r(t),y=r(e),b=r(n),x={version:"1.2.3",initialized:!1,supported:!0,util:{isHostMethod:t,isHostObject:e,isHostProperty:n,areHostMethods:v,areHostObjects:y,areHostProperties:b,isTextRange:i},features:{},modules:{},config:{alertOnWarn:!1,preferTextRange:!1}};x.fail=a,x.warn=o,{}.hasOwnProperty?x.util.extend=function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])}:a("hasOwnProperty not supported");var w=[],_=[];x.init=s,x.addInitListener=function(t){x.initialized?t(x):w.push(t)};var C=[];x.addCreateMissingNativeApiListener=function(t){C.push(t)},x.createMissingNativeApi=l,c.prototype.fail=function(t){throw this.initialized=!0,this.supported=!1,new Error("Module '"+this.name+"' failed to load: "+t)},c.prototype.warn=function(t){x.warn("Module "+this.name+": "+t)},c.prototype.createError=function(t){return new Error("Error in Rangy "+this.name+" module: "+t)},x.createModule=function(t,e){var n=new c(t);x.modules[t]=n,_.push(function(t){e(t,n),n.initialized=!0,n.supported=!0})},x.requireModules=function(t){for(var e,n,r=0,i=t.length;i>r;++r){if(n=t[r],e=x.modules[n],!(e&&e instanceof c))throw new Error("Module '"+n+"' not found");if(!e.supported)throw new Error("Module '"+n+"' not supported")}};var S=!1,E=function(){S||(S=!0,x.initialized||s())};return typeof window==f?void a("No window found"):typeof document==f?void a("No document found"):(t(document,"addEventListener")&&document.addEventListener("DOMContentLoaded",E,!1),t(window,"addEventListener")?window.addEventListener("load",E,!1):t(window,"attachEvent")?window.attachEvent("onload",E):a("Window does not have required addEventListener or attachEvent method"),x)}(),rangy.createModule("DomUtil",function(t,e){function n(t){var e;return typeof t.namespaceURI==E||null===(e=t.namespaceURI)||"http://www.w3.org/1999/xhtml"==e}function r(t){var e=t.parentNode;return 1==e.nodeType?e:null}function i(t){for(var e=0;t=t.previousSibling;)e++;return e}function a(t){var e;return c(t)?t.length:(e=t.childNodes)?e.length:0}function o(t,e){var n,r=[];for(n=t;n;n=n.parentNode)r.push(n);for(n=e;n;n=n.parentNode)if(N(r,n))return n;return null}function s(t,e,n){for(var r=n?e:e.parentNode;r;){if(r===t)return!0;r=r.parentNode}return!1}function l(t,e,n){for(var r,i=n?t:t.parentNode;i;){if(r=i.parentNode,r===e)return i;i=r}return null}function c(t){var e=t.nodeType;return 3==e||4==e||8==e}function u(t,e){var n=e.nextSibling,r=e.parentNode;return n?r.insertBefore(t,n):r.appendChild(t),t}function h(t,e){var n=t.cloneNode(!1);return n.deleteData(0,e),t.deleteData(e,t.length-e),u(n,t),n}function f(t){if(9==t.nodeType)return t;if(typeof t.ownerDocument!=E)return t.ownerDocument;if(typeof t.document!=E)return t.document;if(t.parentNode)return f(t.parentNode);throw new Error("getDocument: no document found for node")}function d(t){var e=f(t);if(typeof e.defaultView!=E)return e.defaultView;if(typeof e.parentWindow!=E)return e.parentWindow;throw new Error("Cannot get a window object for node")}function p(t){if(typeof t.contentDocument!=E)return t.contentDocument;if(typeof t.contentWindow!=E)return t.contentWindow.document;throw new Error("getIframeWindow: No Document object found for iframe element")}function g(t){if(typeof t.contentWindow!=E)return t.contentWindow;if(typeof t.contentDocument!=E)return t.contentDocument.defaultView;throw new Error("getIframeWindow: No Window object found for iframe element")}function m(t){return k.isHostObject(t,"body")?t.body:t.getElementsByTagName("body")[0]}function v(t){for(var e;e=t.parentNode;)t=e;return t}function y(t,e,n,r){var a,s,c,u,h;if(t==n)return e===r?0:r>e?-1:1;if(a=l(n,t,!0))return e<=i(a)?-1:1;if(a=l(t,n,!0))return i(a)