Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

WMD editor for edit page.

  • Loading branch information...
commit 13edc85aa33e7303c151a083274135cf9b67fa73 1 parent 9898c76
@hidden hidden authored
View
2  app/controllers/wiki/pages_controller.rb
@@ -68,7 +68,7 @@ def update
page_part = @page.parts.find(part_id)
page_part.name = part_value[:name]
- newest_revisions = page_part.revisions.where(["part_id = ?", part_id]).first
+ newest_revisions = page_part.revisions.where(:part_id => part_id).first
if (newest_revisions.id > part_value[:current_revision_id].to_i)
@num_of_new_revisions += 1
end
View
66 app/views/wiki/pages/edit.html.erb
@@ -1,50 +1,11 @@
+<%= javascript_include_tag "parallel_edit" %>
+<%= javascript_include_tag "wmd/wmd" %>
+<%= javascript_include_tag "wmd/showdown" %>
+<%= stylesheet_link_tag "wmd/wmd" %>
<script type="text/javascript">
-
- function ajax_add_lock(part_id) {
- $.get("/wiki/add_lock?part_id=" + part_id, "", null, "script");
- }
-
- function ajax_update_lock(part_id) {
- if (is_locked(part_id)) {
- $.get("/wiki/update_lock?part_id=" + part_id, "", null, "script");
- }
- }
-
var current_parts = new Array(<%= @page.parts.count %>);
- <%= "var saving_time = #{Bonsai.parallel_edit.saving_time}*2000"%>;
-
- function lost_focus() {
- $("#page_title").focus();
- }
-
- function set_focus(part_id, part_name) {
- $("#parts_" + part_id + "_" + part_name).focus();
- }
-
- function show_confirm(is_edited_by_another, part_id, part_name) {
- if (!is_locked(part_id)) {
- if (is_edited_by_another) {
- lost_focus();
- if (confirm('<%= t("js.parallel_edit.is_edited") %>')) {
- add_lock(part_id);
- set_focus(part_id, part_name);
- } else {
- lost_focus();
- return false;
- }
- } else {
- add_lock(part_id);
- }
- }
- }
-
- function add_lock(part_id) {
- current_parts.push(part_id);
- }
-
- function is_locked(part_id) {
- return (current_parts.indexOf(part_id.toString()) != -1);
- }
+ var saving_time = <%= Bonsai.parallel_edit.saving_time*2000 -%>;
+ var notification_message = "<%= t("js.parallel_edit.is_edited") %>";
</script>
<div id="bonsai-main">
@@ -56,6 +17,7 @@
<%= semantic_fields_for "parts[#{part.id}]", part do |f| %>
<%= f.input :name %>
<%= semantic_fields_for "parts[#{part.id}]", part.current_revision do |f| %>
+ <div id="parts_<%= part.id -%>_body_wmd"></div>
<%= f.input :body,
:input_html => {:onclick => "ajax_add_lock(#{part.id})"}
%>
@@ -71,12 +33,13 @@
<% end %>
<%= semantic_fields_for "new_part", @new_part do |p| %>
<%= p.input :name %>
+ <div id="new_part_new_body_wmd"></div>
<%= p.text_area :new_body %>
<% end %>
<%= form.buttons %>
<% end %>
-
</div>
+
<div id="bonsai-sidebar">
<div id="files">
<h2>Files</h2>
@@ -97,4 +60,13 @@
<% end %>
</div>
<% end %>
-</div>
+</div>
+<script type="text/javascript">
+ var areas = $('textarea');
+ for (var i = 0; i < areas.length; i++) {
+ setup_wmd({
+ "input": areas[i].id,
+ "button_bar": areas[i].id + "_wmd"
+ });
+ }
+</script>
View
43 public/javascripts/parallel_edit.js
@@ -0,0 +1,43 @@
+ function ajax_add_lock(part_id) {
+ $.get("/wiki/add_lock?part_id=" + part_id, "", null, "script");
+ }
+
+ function ajax_update_lock(part_id) {
+ if (is_locked(part_id)) {
+ $.get("/wiki/update_lock?part_id=" + part_id, "", null, "script");
+ }
+ }
+
+ function lost_focus() {
+ $("#page_title").focus();
+ }
+
+ function set_focus(part_id, part_name) {
+ $("#parts_" + part_id + "_" + part_name).focus();
+ }
+
+ function show_confirm(is_edited_by_another, part_id, part_name) {
+ if (!is_locked(part_id)) {
+ if (is_edited_by_another) {
+ lost_focus();
+ if (confirm(notification_message)) {
+ add_lock(part_id);
+ set_focus(part_id, part_name);
+ } else {
+ lost_focus();
+ return false;
+ }
+ } else {
+ add_lock(part_id);
+ }
+ }
+ }
+
+
+ function add_lock(part_id) {
+ current_parts.push(part_id);
+ }
+
+ function is_locked(part_id) {
+ return (current_parts.indexOf(part_id.toString()) != -1);
+ }
View
1,323 public/javascripts/wmd/showdown.js
@@ -0,0 +1,1323 @@
+//
+// showdown.js -- A javascript port of Markdown.
+//
+// Copyright (c) 2010-2011 Jarvis Badgley <http://chipersoft.com>.
+
+// Copyright (c) 2007 John Fraser <http://www.attacklab.net/>.
+//
+// Original Markdown Copyright (c) 2004-2005 John Gruber
+// <http://daringfireball.net/projects/markdown/>
+//
+//
+// Showdown usage:
+//
+// var text = "Markdown *rocks*.";
+//
+// var converter = new Showdown.converter();
+// var html = converter.makeHtml(text);
+//
+// alert(html);
+//
+// Note: move the sample code to the bottom of this
+// file before uncommenting it.
+//
+
+//
+// Showdown namespace
+//
+Showdown = {};
+
+//
+// converter
+//
+// Wraps all "globals" so that the only thing
+// exposed is makeHtml().
+//
+Showdown.converter = function () {
+
+ //
+ // Globals:
+ //
+ // Global hashes, used by various utility routines
+ var g_urls;
+ var g_titles;
+ var g_html_blocks;
+
+ // Used to track when we're inside an ordered or unordered list
+ // (see _ProcessListItems() for details):
+ var g_list_level = 0;
+
+
+ this.makeHtml = function (text) {
+ //
+ // Main function. The order in which other subs are called here is
+ // essential. Link and image substitutions need to happen before
+ // _EscapeSpecialCharsWithinTagAttributes(), so that any *'s or _'s in the <a>
+ // and <img> tags get encoded.
+ //
+ // Clear the global hashes. If we don't clear these, you get conflicts
+ // from other articles when generating a page which contains more than
+ // one article (e.g. an index page that shows the N most recent
+ // articles):
+ g_urls = [];
+ g_titles = [];
+ g_html_blocks = [];
+
+ // 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, "");
+
+ // 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, "~");
+
+ // ** GFM ** Auto-link URLs and emails
+ text = text.replace(/https?\:\/\/[^"\s<>]*[^.,;'">\:\s<>\)\]\!]/g, function (wholeMatch, matchIndex){
+ var left = text.slice(Math.max(0,text.lastIndexOf('\n',matchIndex)), matchIndex);
+ var right = text.slice(matchIndex);
+ if (left.match(/<([a-z]+)\s[^>]+>?$/) && right.match(/^[^>]*>/)) {return wholeMatch;}
+ return "<a href='" + wholeMatch + "'>" + wholeMatch + "</a>";
+ });
+ text = text.replace(/[a-z0-9_\-+=.]+@[a-z0-9\-]+(\.[a-z0-9\-]+)+/ig, function (wholeMatch, m1, matchIndex) {
+ var left = text.slice(Math.max(0,text.lastIndexOf('\n',matchIndex)), matchIndex);
+ if (left.match(/<([a-z]+)\s[^>]+>?$/) || left.match(/mailto\:$/)) {return wholeMatch;}
+ return "<a href='mailto:" + wholeMatch + "'>" + wholeMatch + "</a>";
+ });
+
+
+ return text;
+ };
+
+ var _StripLinkDefinitions = function (text) {
+ //
+ // Strips link definitions from text, stores the URLs and titles in
+ // hash references.
+ //
+ // Link defs are in the form: ^[id]: url "optional title"
+/*
+ var text = text.replace(/
+ ^[ ]{0,3}\[(.+)\]: // id = $1 attacklab: g_tab_width - 1
+ [ \t]*
+ \n? // maybe *one* newline
+ [ \t]*
+ <?(\S+?)>? // url = $2
+ [ \t]*
+ \n? // maybe one newline
+ [ \t]*
+ (?:
+ (\n*) // any lines skipped = $3 attacklab: lookbehind removed
+ ["(]
+ (.+?) // title = $4
+ [")]
+ [ \t]*
+ )? // title is optional
+ (?:\n+|$)
+ /gm,
+ function(){...});
+ */
+ text = text.replace(/^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*<?(\S+?)>?[ \t]*\n?[ \t]*(?:(\n*)["(](.+?)[")][ \t]*)?(?:\n+)/gm, function (wholeMatch, m1, m2, m3, m4) {
+ m1 = m1.toLowerCase();
+ g_urls[m1] = _EncodeAmpsAndAngles(m2); // Link IDs are case-insensitive
+ if (m3) {
+ // Oops, found blank lines, so it's not a title.
+ // Put back the parenthetical statement we stole.
+ return m3 + m4;
+ } else if (m4) {
+ g_titles[m1] = m4.replace(/"/g, "&quot;");
+ }
+
+ // Completely remove the definition from the text
+ return "";
+ });
+
+ return text;
+ };
+
+ var _HashHTMLBlocks = function (text) {
+ // attacklab: Double up blank lines to reduce lookaround
+ text = text.replace(/\n/g, "\n\n");
+
+ // 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 <p>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.:
+ // <div>
+ // <div>
+ // tags for inner block must be indented.
+ // </div>
+ // </div>
+ //
+ // The outermost tags must start at the left margin for this to match, and
+ // the inner nested divs must be indented.
+ // We need to do this before the next, more liberal match, because the next
+ // match will start at the first `<div>` and stop at the first `</div>`.
+ // attacklab: This regex can be expensive when it fails.
+/*
+ var text = text.replace(/
+ ( // save in $1
+ ^ // start of line (with /m)
+ <($block_tags_a) // start tag = $2
+ \b // word break
+ // attacklab: hack around khtml/pcre bug...
+ [^\r]*?\n // any number of lines, minimally matching
+ </\2> // the matching end tag
+ [ \t]* // trailing spaces/tabs
+ (?=\n+) // followed by a newline
+ ) // attacklab: there are sentinel newlines at end of document
+ /gm,function(){...}};
+ */
+ text = text.replace(/^(<(p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del)\b[^\r]*?\n<\/\2>[ \t]*(?=\n+))/gm, hashElement);
+
+ //
+ // Now match more liberally, simply from `\n<tag>` to `</tag>\n`
+ //
+/*
+ var text = text.replace(/
+ ( // save in $1
+ ^ // start of line (with /m)
+ <($block_tags_b) // start tag = $2
+ \b // word break
+ // attacklab: hack around khtml/pcre bug...
+ [^\r]*? // any number of lines, minimally matching
+ .*</\2> // the matching end tag
+ [ \t]* // trailing spaces/tabs
+ (?=\n+) // followed by a newline
+ ) // attacklab: there are sentinel newlines at end of document
+ /gm,function(){...}};
+ */
+ text = text.replace(/^(<(p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math)\b[^\r]*?.*<\/\2>[ \t]*(?=\n+)\n)/gm, hashElement);
+
+ // Special case just for <hr />. It was easier to make a special case than
+ // to make the other regex more complicated.
+/*
+ text = text.replace(/
+ ( // save in $1
+ \n\n // Starting after a blank line
+ [ ]{0,3}
+ (<(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(/
+ ( // save in $1
+ \n\n // Starting after a blank line
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ <!
+ (--[^\r]*?--\s*)+
+ >
+ [ \t]*
+ (?=\n{2,}) // followed by a blank line
+ )
+ /g,hashElement);
+ */
+ text = text.replace(/(\n\n[ ]{0,3}<!(--[^\r]*?--\s*)+>[ \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);
+
+ // attacklab: Undo double lines (see comment at top of this function)
+ text = text.replace(/\n\n/g, "\n");
+ return text;
+ };
+
+ var hashElement = function (wholeMatch, m1) {
+ var blockText = m1;
+
+ // Undo double lines
+ blockText = blockText.replace(/\n\n/g, "\n");
+ 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 _RunBlockGamut = function (text) {
+ //
+ // These are all the transformations that form block-level
+ // tags like paragraphs, headers, and list items.
+ //
+ text = _DoHeaders(text);
+
+ // Do Horizontal Rules:
+ var key = hashBlock("<hr />");
+ text = text.replace(/^[ ]{0,2}([ ]?\*[ ]?){3,}[ \t]*$/gm, key);
+ text = text.replace(/^[ ]{0,2}([ ]?\-[ ]?){3,}[ \t]*$/gm, key);
+ text = text.replace(/^[ ]{0,2}([ ]?\_[ ]?){3,}[ \t]*$/gm, key);
+
+ text = _DoLists(text);
+ text = _DoCodeBlocks(text);
+ text = _DoBlockQuotes(text);
+
+ // 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
+ // <p> tags around block-level tags.
+ text = _HashHTMLBlocks(text);
+ text = _FormParagraphs(text);
+
+ return text;
+ };
+
+
+ var _RunSpanGamut = function (text) {
+ //
+ // These are all the transformations that occur *within* block-level
+ // tags like paragraphs, headers, and list items.
+ //
+ 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 `<http://example.com/>`
+ // Must come after _DoAnchors(), because you can use < and >
+ // delimiters in inline links like [this](<url>).
+ text = _DoAutoLinks(text);
+ text = _EncodeAmpsAndAngles(text);
+ text = _ConvertExtraSpecialCharacters(text);
+ text = _DoItalicsAndBold(text);
+
+ // Do hard breaks:
+ text = text.replace(/ {2,}\n/g, " <br />\n");
+
+ return text;
+ };
+
+ var _EscapeSpecialCharsWithinTagAttributes = function (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.
+ var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|<!(--.*?--\s*)+>)/gi;
+
+ text = text.replace(regex, function (wholeMatch) {
+ var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`");
+ tag = escapeCharacters(tag, "\\`*_");
+ return tag;
+ });
+
+ return text;
+ };
+
+ var _DoAnchors = function (text) {
+ //
+ // Turn Markdown link shortcuts into XHTML <a> 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,_DoAnchors_callback);
+ */
+ 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
+ [ \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]*()<?(.*?)>?[ \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;
+ };
+
+ var writeAnchorTag = function (wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
+ if (m7 === undefined) m7 = "";
+ var whole_match = m1;
+ var link_text = m2;
+ var link_id = m3.toLowerCase();
+ var url = m4;
+ var title = m7;
+ var blank_target = false;
+
+ if (url === "") {
+ if (link_id === "") {
+ // lower-case and turn embedded newlines into spaces
+ link_id = link_text.toLowerCase().replace(/ ?\n/g, " ");
+ } else {
+ if (link_id[0]=="!") {
+ blank_target = true;
+ link_id = link_id.substr(1);
+ }
+ }
+ url = "#" + link_id;
+
+ if (g_urls[link_id] !== undefined) {
+ url = g_urls[link_id];
+ if (g_titles[link_id] !== undefined) {
+ title = g_titles[link_id];
+ }
+ if (url[0]=="!") {
+ blank_target = true;
+ url = url.substr(1);
+ }
+ }
+ else {
+ if (whole_match.search(/\(\s*\)$/m) > -1) {
+ // Special case for explicit empty url
+ url = "";
+ } else {
+ return whole_match;
+ }
+ }
+ } else {
+ if (url[0]=="!") {
+ blank_target = true;
+ url = url.substr(1);
+ }
+ }
+
+ url = escapeCharacters(url, "*_");
+ var result = "<a href=\"" + url + "\"";
+
+ if (title !== "") {
+ title = title.replace(/"/g, "&quot;");
+ title = escapeCharacters(title, "*_");
+ result += " title=\"" + title + "\"";
+ }
+
+ if (blank_target) {
+ result += " target=\"_blank\"";
+ }
+
+ result += ">" + link_text + "</a>";
+
+ return result;
+ };
+
+
+ var _DoImages = function (text) {
+ //
+ // Turn Markdown image shortcuts into <img> 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: ![alt text](url "optional title")
+ // 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;
+ };
+
+ var writeImageTag = function (wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
+ var whole_match = m1;
+ var alt_text = m2;
+ var link_id = m3.toLowerCase();
+ var url = m4;
+ var title = m7;
+
+ if (!title) title = "";
+
+ if (url === "") {
+ if (link_id === "") {
+ // lower-case and turn embedded newlines into spaces
+ link_id = alt_text.toLowerCase().replace(/ ?\n/g, " ");
+ }
+ url = "#" + link_id;
+
+ if (g_urls[link_id] !== undefined) {
+ url = g_urls[link_id];
+ if (g_titles[link_id] !== undefined) {
+ title = g_titles[link_id];
+ }
+ }
+ else {
+ return whole_match;
+ }
+ }
+
+ alt_text = alt_text.replace(/"/g, "&quot;");
+ url = escapeCharacters(url, "*_");
+ var result = "<img src=\"" + url + "\" alt=\"" + alt_text + "\"";
+
+ // attacklab: Markdown.pl adds empty title attributes to images.
+ // Replicate this bug.
+ //if (title != "") {
+ title = title.replace(/"/g, "&quot;");
+ title = escapeCharacters(title, "*_");
+ result += " title=\"" + title + "\"";
+ //}
+ result += " />";
+
+ return result;
+ };
+
+
+ var _DoHeaders = function (text) {
+
+ // Setext-style headers:
+ // Header 1
+ // ========
+ //
+ // Header 2
+ // --------
+ //
+ text = text.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm, function (wholeMatch, m1) {
+ return hashBlock("<h1>" + _RunSpanGamut(m1) + "</h1>");
+ });
+
+ text = text.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm, function (matchFound, m1) {
+ return hashBlock("<h2>" + _RunSpanGamut(m1) + "</h2>");
+ });
+
+ // 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 hashBlock("<h" + h_level + ">" + _RunSpanGamut(m2) + "</h" + h_level + ">");
+ });
+
+ return text;
+ };
+
+ // This declaration keeps Dojo compressor from outputting garbage:
+ var _ProcessListItems;
+
+ var _DoLists = function (text) {
+ //
+ // Form HTML ordered (numbered) and unordered (bulleted) lists.
+ //
+ // attacklab: add sentinel to hack around khtml/safari bug:
+ // http://bugs.webkit.org/show_bug.cgi?id=11231
+ text += "~0";
+
+ // Re-usable pattern to match any entirel ul or ol list:
+/*
+ var whole_list = /
+ ( // $1 = whole list
+ ( // $2
+ [ ]{0,3} // attacklab: g_tab_width - 1
+ ([*+-]|\d+[.]) // $3 = first list item marker
+ [ \t]+
+ )
+ [^\r]+?
+ ( // $4
+ ~0 // sentinel for workaround; should be $
+ |
+ \n{2,}
+ (?=\S)
+ (?! // Negative lookahead for another list item marker
+ [ \t]*
+ (?:[*+-]|\d+[.])[ \t]+
+ )
+ )
+ )/g
+ */
+ var whole_list = /^(([ ]{0,3}([*+\-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+\-]|\d+[.])[ \t]+)))/gm;
+
+ if (g_list_level) {
+ text = text.replace(whole_list, function (wholeMatch, m1, m2) {
+ var list = m1;
+ var list_type = (m2.search(/[*+\-]/g) > -1) ? "ul" : "ol";
+
+ // Turn double returns into triple returns, so that we can make a
+ // paragraph for the last item in a list, if necessary:
+ list = list.replace(/\n{2,}/g, "\n\n\n");
+ var result = _ProcessListItems(list);
+
+ // Trim any trailing whitespace, to put the closing `</$list_type>`
+ // up on the preceding line, to get it past the current stupid
+ // HTML block parser. This is a hack to work around the terrible
+ // hack that is the HTML block parser.
+ result = result.replace(/\s+$/, "");
+ result = "<" + list_type + ">" + result + "</" + list_type + ">\n";
+ return result;
+ });
+ } else {
+ whole_list = /(\n\n|^\n?)(([ ]{0,3}([*+\-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+\-]|\d+[.])[ \t]+)))/g;
+ text = text.replace(whole_list, function (wholeMatch, m1, m2, m3) {
+ var runup = m1;
+ var list = m2;
+
+ var list_type = (m3.search(/[*+\-]/g) > -1) ? "ul" : "ol";
+ // Turn double returns into triple returns, so that we can make a
+ // paragraph for the last item in a list, if necessary:
+ list = list.replace(/\n{2,}/g, "\n\n\n");
+ var result = _ProcessListItems(list);
+ result = runup + "<" + list_type + ">\n" + result + "</" + list_type + ">\n";
+ return result;
+ });
+ }
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/, "");
+
+ return text;
+ };
+
+ _ProcessListItems = function (list_str) {
+ //
+ // Process the contents of a single ordered or unordered list, splitting it
+ // into individual list items.
+ //
+ // The $g_list_level global keeps track of when we're inside a list.
+ // Each time we enter a list, we increment it; when we leave a list,
+ // we decrement. If it's zero, we're not in a list anymore.
+ //
+ // We do this because when we're not inside a list, we want to treat
+ // something like this:
+ //
+ // I recommend upgrading to version
+ // 8. Oops, now this line is treated
+ // as a sub-list.
+ //
+ // As a single paragraph, despite the fact that the second line starts
+ // with a digit-period-space sequence.
+ //
+ // Whereas when we're inside a list (or sub-list), that line will be
+ // treated as the start of a sub-list. What a kludge, huh? This is
+ // an aspect of Markdown's syntax that's hard to parse perfectly
+ // without resorting to mind-reading. Perhaps the solution is to
+ // change the syntax rules such that sub-lists must start with a
+ // starting cardinal number; e.g. "1." or "a.".
+ g_list_level++;
+
+ // trim trailing blank lines:
+ list_str = list_str.replace(/\n{2,}$/, "\n");
+
+ // attacklab: add sentinel to emulate \z
+ list_str += "~0";
+
+/*
+ list_str = list_str.replace(/
+ (\n)? // leading line = $1
+ (^[ \t]*) // leading whitespace = $2
+ ([*+-]|\d+[.]) [ \t]+ // list marker = $3
+ ([^\r]+? // list item text = $4
+ (\n{1,2}))
+ (?= \n* (~0 | \2 ([*+-]|\d+[.]) [ \t]+))
+ /gm, function(){...});
+ */
+ list_str = list_str.replace(/(\n)?(^[ \t]*)([*+\-]|\d+[.])[ \t]+([^\r]+?(\n{1,2}))(?=\n*(~0|\2([*+\-]|\d+[.])[ \t]+))/gm, function (wholeMatch, m1, m2, m3, m4) {
+ var item = m4;
+ var leading_line = m1;
+ var leading_space = m2;
+
+ if (leading_line || (item.search(/\n{2,}/) > -1)) {
+ item = _RunBlockGamut(_Outdent(item));
+ }
+ else {
+ // Recursion for sub-lists:
+ item = _DoLists(_Outdent(item));
+ item = item.replace(/\n$/, ""); // chomp(item)
+ item = _RunSpanGamut(item);
+ }
+
+ return "<li>" + item + "</li>\n";
+ });
+
+ // attacklab: strip sentinel
+ list_str = list_str.replace(/~0/g, "");
+
+ g_list_level--;
+ return list_str;
+ };
+
+
+ var _DoCodeBlocks = function (text) {
+ //
+ // Process Markdown `<pre><code>` blocks.
+ //
+/*
+ text = text.replace(text,
+ /(?:\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|^)((?:(?:[ ]{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 = "<pre><code>" + codeblock + "\n</code></pre>";
+
+ return hashBlock(codeblock) + nextChar;
+ });
+
+ // attacklab: strip sentinel
+ text = text.replace(/~0/, "");
+
+ return text;
+ };
+
+ var hashBlock = function (text) {
+ text = text.replace(/(^\n+|\n+$)/g, "");
+ return "\n\n~K" + (g_html_blocks.push(text) - 1) + "K\n\n";
+ };
+
+
+ var _DoCodeSpans = function (text) {
+ //
+ // * Backtick quotes are used for <code></code> 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:
+ //
+ // <p>Just type <code>foo `bar` baz</code> at the prompt.</p>
+ //
+ // There's no arbitrary limit to the number of backticks you
+ // can use as delimters. If you need three consecutive backticks
+ // in your code, use four for delimiters, etc.
+ //
+ // * You can use spaces to get literal backticks at the edges:
+ //
+ // ... type `` `bar` `` ...
+ //
+ // Turns to:
+ //
+ // ... type <code>`bar`</code> ...
+ //
+/*
+ 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);
+ return m1 + "<code>" + c + "</code>";
+ });
+
+
+ // Process ^^superscript^^ notation
+ text = text.replace(/(^|[^\\])(\^{2})([^\r]*?[^\^]{2})\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);
+ return m1 + "<sup>" + c + "</sup>";
+ });
+
+ // Process ,,subscript,, notation
+ text = text.replace(/(^|[^\\])(,{2})([^\r]*?[^,]{2})\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);
+ return m1 + "<sub>" + c + "</sub>";
+ });
+
+ // Process ~~strike~~ notation
+ text = text.replace(/(^|[^\\])(~T~T)([^\r]*?[^~]{2})\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);
+ return m1 + "<strike>" + c + "</strike>";
+ });
+
+ return text;
+ };
+
+
+ var _EncodeCode = function (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, "&amp;");
+
+ // Do the angle bracket song and dance:
+ text = text.replace(/</g, "&lt;");
+ text = text.replace(/>/g, "&gt;");
+
+ // Encode "smart" quotes
+ text = text.
+ replace( /\u2026/g , '&hellip;').
+ replace( /\u00AB/g , '&laquo;' ).
+ replace( /\u00BB/g , '&raquo;' ).
+ replace( /\u201C/g , '&ldquo;' ).
+ replace( /\u201D/g , '&rdquo;' ).
+ replace( /\u2018/g , '&lsquo;' ).
+ replace( /\u2019/g , '&rsquo;' ).
+ replace( /\u2014/g , '&mdash;' ).
+ replace( /\u2013/g , '&ndash;' ).
+ replace( /\u2022/g , '&bull;' ).
+ replace( /\u2122/g , '&trade;' ).
+ replace( /\u00A9/g , '&copy;' ).
+ replace( /\u00AE/g , '&reg;' );
+
+
+ // 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;
+ };
+
+
+ var _DoItalicsAndBold = function (text) {
+
+ if (true) { //eventually this will be replaced with a runtime option. But for now we're forcing it.
+ text = text.replace(/(\*\*)(?=\S)([^\r]*?\S[*]*)\1/g, "<strong>$2</strong>");
+ text = text.replace(/(\w)_(\w)/g, "$1~E95E$2"); // ** GFM ** "~E95E" == escaped "_"
+ text = text.replace(/(\*)(?=\S)([^\r]*?\S)\1/g, "<em>$2</em>");
+ text = text.replace(/(_)(?=\S)([^\r]*?\S)\1/g, "<u>$2</u>");
+ } else {
+ // <strong> must go first:
+ text = text.replace(/(\*\*|__)(?=\S)([^\r]*?\S[*_]*)\1/g, "<strong>$2</strong>");
+
+ text = text.replace(/(\w)_(\w)/g, "$1~E95E$2"); // ** GFM ** "~E95E" == escaped "_"
+ text = text.replace(/(\*|_)(?=\S)([^\r]*?\S)\1/g, "<em>$2</em>");
+ }
+
+ return text;
+ };
+
+
+ var _DoBlockQuotes = function (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 <pre> content, so we need to fix that:
+ bq = bq.replace(/(\s*<pre>[^\r]+?<\/pre>)/gm, function (wholeMatch, m1) {
+ var pre = m1;
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ pre = pre.replace(/^ {2}/mg, "~0");
+ pre = pre.replace(/~0/g, "");
+ return pre;
+ });
+
+ return hashBlock("<blockquote>\n" + bq + "\n</blockquote>");
+ });
+ return text;
+ };
+
+
+ var _FormParagraphs = function (text) {
+ //
+ // Params:
+ // $text - string to process with html <p> tags
+ //
+ // Strip leading and trailing lines:
+ text = text.replace(/^\n+/g, "");
+ text = text.replace(/\n+$/g, "");
+
+ var i;
+ var grafs = text.split(/\n{2,}/g);
+ var grafsOut = [];
+
+ //
+ // Wrap <p> tags.
+ //
+ var end = grafs.length;
+ for (i = 0; i < end; i++) {
+ var str = grafs[i];
+ var p_tag = '<p>';
+
+ // if this is an HTML marker, copy it
+ if (str.search(/~K(\d+)K/g) >= 0) {
+ grafsOut.push(str);
+ }
+ else if (str.search(/\S/) >= 0) {
+ str = _RunSpanGamut(str);
+
+ if (str.substr(0,2)==='->') {
+ if (str.substr(-5)==='&lt;-') {
+ p_tag = '<p align="center">';
+ str = str.slice(2,-5);
+ } else {
+ p_tag = '<p align="right">';
+ str = str.substring(2);
+ }
+ }
+
+ str = str.replace(/\n/g, "<br />"); // ** GFM **
+ str = str.replace(/^([ \t]*)/g, p_tag);
+ str += "</p>";
+ grafsOut.push(str);
+ }
+
+ }
+
+ //
+ // Unhashify HTML blocks
+ //
+ end = grafsOut.length;
+ for (i = 0; i < end; i++) {
+ // if this is a marker for an html block...
+ while (grafsOut[i].search(/~K(\d+)K/) >= 0) {
+ var blockText = g_html_blocks[RegExp.$1];
+ blockText = blockText.replace(/\$/g, "$$$$"); // Escape any dollar signs
+ grafsOut[i] = grafsOut[i].replace(/~K\d+K/, blockText);
+ }
+ }
+
+ return grafsOut.join("\n\n");
+ };
+
+
+ var _EncodeAmpsAndAngles = function (text) {
+ // Smart processing for ampersands and angle brackets that need to be encoded.
+ // Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin:
+ // http://bumppo.net/projects/amputator/
+ text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, "&amp;");
+
+ // Encode naked <'s
+ text = text.replace(/<(?![a-z\/?\$!])/gi, "&lt;");
+
+ // Encode "smart" quotes
+ text = text.
+ replace( /\u2026/g , '&hellip;').
+ replace( /\u00AB/g , '&laquo;' ).
+ replace( /\u00BB/g , '&raquo;' ).
+ replace( /\u201C/g , '&ldquo;' ).
+ replace( /\u201D/g , '&rdquo;' ).
+ replace( /\u2018/g , '&lsquo;' ).
+ replace( /\u2019/g , '&rsquo;' ).
+ replace( /\u2014/g , '&mdash;' ).
+ replace( /\u2013/g , '&ndash;' ).
+ replace( /\u2022/g , '&bull;' ).
+ replace( /\u2122/g , '&trade;' ).
+ replace( /\u00A9/g , '&copy;' ).
+ replace( /\u00AE/g , '&reg;' );
+
+ return text;
+ };
+
+ var _ConvertExtraSpecialCharacters = function (text) {
+ // Processing to change various special character combinations into
+ // common real characters.
+
+ text = text.
+ replace( /\.\.\./g , '&hellip;').
+ replace( /\(c\)/g , '&copy;').
+ replace( /\(r\)/g , '&reg;').
+ replace( /\(tm\)/g , '&trade;').
+ replace( /\-\-/g, '&mdash;');
+
+ return text;
+ };
+
+
+ var _EncodeBackslashEscapes = function (text) {
+ //
+ // Parameter: String.
+ // Returns: The string, with after processing the following backslash
+ // escape sequences.
+ //
+ // attacklab: The polite way to do this is with the new
+ // escapeCharacters() function:
+ //
+ // text = escapeCharacters(text,"\\",true);
+ // text = escapeCharacters(text,"`*_{}[]()>#+-.!",true);
+ //
+ // ...but we're sidestepping its use of the (slow) RegExp constructor
+ // as an optimization for Firefox. This function gets called a LOT.
+ text = text.replace(/\\(\\)/g, escapeCharacters_callback);
+ text = text.replace(/\\([`*_{}\[\]()>#+-.!])/g, escapeCharacters_callback);
+ return text;
+ };
+
+
+ var _DoAutoLinks = function (text) {
+
+ text = text.replace(/(?:")<((https?|ftp|dict):[^'">\s]+)>/gi, "<a href=\"$1\">$1</a>");
+
+ // Email addresses: <address@domain.foo>
+/*
+ text = text.replace(/
+ <
+ (?:mailto:)?
+ (
+ [-.\w]+
+ \@
+ [-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+
+ )
+ >
+ /gi, _DoAutoLinks_callback());
+ */
+ text = text.replace(/<(?:mailto:)?([\-.\w]+\@[\-a-z0-9]+(\.[\-a-z0-9]+)*\.[a-z]+)>/gi, function (wholeMatch, m1) {
+ return _EncodeEmailAddress(_UnescapeSpecialChars(m1));
+ });
+
+ return text;
+ };
+
+
+ var _EncodeEmailAddress = function (addr) {
+ //
+ // Input: an email address, e.g. "foo@example.com"
+ //
+ // Output: the email address as a mailto link, with each character
+ // of the address encoded as either a decimal or hex entity, in
+ // the hopes of foiling most address harvesting spam bots. E.g.:
+ //
+ // <a href="&#x6D;&#97;&#105;&#108;&#x74;&#111;:&#102;&#111;&#111;&#64;&#101;
+ // x&#x61;&#109;&#x70;&#108;&#x65;&#x2E;&#99;&#111;&#109;">&#102;&#111;&#111;
+ // &#64;&#101;x&#x61;&#109;&#x70;&#108;&#x65;&#x2E;&#99;&#111;&#109;</a>
+ //
+ // Based on a filter by Matthew Wickline, posted to the BBEdit-Talk
+ // mailing list: <http://tinyurl.com/yu7ue>
+ //
+ // attacklab: why can't javascript speak hex?
+
+
+ function char2hex(ch) {
+ var hexDigits = '0123456789ABCDEF';
+ var dec = ch.charCodeAt(0);
+ return (hexDigits.charAt(dec >> 4) + hexDigits.charAt(dec & 15));
+ }
+
+ var encode = [
+ function (ch) {
+ return "&#" + ch.charCodeAt(0) + ";";},
+ function (ch) {
+ return "&#x" + char2hex(ch) + ";";},
+ function (ch) {
+ return ch;}
+ ];
+
+ addr = "mailto:" + addr;
+
+ addr = addr.replace(/./g, function (ch) {
+ if (ch == "@") {
+ // this *must* be encoded. I insist.
+ ch = encode[Math.floor(Math.random() * 2)](ch);
+ } else if (ch != ":") {
+ // leave ':' alone (to spot mailto: later)
+ var r = Math.random();
+ // roughly 10% raw, 45% hex, 45% dec
+ ch = (
+ r > 0.9 ? encode[2](ch) : r > 0.45 ? encode[1](ch) : encode[0](ch));
+ }
+ return ch;
+ });
+
+ addr = "<a href=\"" + addr + "\">" + addr + "</a>";
+ addr = addr.replace(/">.+:/g, "\">"); // strip the mailto: from the visible part
+ return addr;
+ };
+
+
+ var _UnescapeSpecialChars = function (text) {
+ //
+ // Swap back in all the special characters we've hidden.
+ //
+ text = text.replace(/~E(\d+)E/g, function (wholeMatch, m1) {
+ var charCodeToReplace = parseInt(m1,10);
+ return String.fromCharCode(charCodeToReplace);
+ });
+ return text;
+ };
+
+
+ var _Outdent = function (text) {
+ //
+ // Remove one level of line-leading tabs or spaces
+ //
+ // attacklab: hack around Konqueror 3.5.4 bug:
+ // "----------bug".replace(/^-/g,"") == "bug"
+ text = text.replace(/^(\t|[ ]{1,4})/gm, "~0"); // attacklab: g_tab_width
+ // attacklab: clean up hack
+ text = text.replace(/~0/g, "");
+
+ return text;
+ };
+
+ var _Detab = function (text) {
+ // attacklab: Detab's completely rewritten for speed.
+ // In perl we could fix it by anchoring the regexp with \G.
+ // In javascript we're less fortunate.
+ // expand first n-1 tabs
+ text = text.replace(/\t(?=\t)/g, " "); // attacklab: g_tab_width
+ // replace the nth with two sentinels
+ text = text.replace(/\t/g, "~A~B");
+
+ // use the sentinel to anchor our regex so it doesn't explode
+ text = text.replace(/~B(.+?)~A/g, function (wholeMatch, m1, m2) {
+ var leadingText = m1;
+ var numSpaces = 4 - leadingText.length % 4; // attacklab: g_tab_width
+ // there *must* be a better way to do this:
+ for (var i = 0; i < numSpaces; i++) leadingText += " ";
+
+ return leadingText;
+ });
+
+ // clean up sentinels
+ text = text.replace(/~A/g, " "); // attacklab: g_tab_width
+ text = text.replace(/~B/g, "");
+
+ return text;
+ };
+
+
+ //
+ // attacklab: Utility functions
+ //
+
+ var escapeCharacters = function (text, charsToEscape, afterBackslash) {
+ // First we have to escape the escape characters so that
+ // we can build a character class out of them
+ var regexString = "([" + charsToEscape.replace(/([\[\]\\])/g, "\\$1") + "])";
+
+ if (afterBackslash) {
+ regexString = "\\\\" + regexString;
+ }
+
+ var regex = new RegExp(regexString, "g");
+ text = text.replace(regex, escapeCharacters_callback);
+
+ return text;
+ };
+
+
+ var escapeCharacters_callback = function (wholeMatch, m1) {
+ var charCodeToEscape = m1.charCodeAt(0);
+ return "~E" + charCodeToEscape + "E";
+ };
+
+}; // end of Attacklab.showdown.converter
View
2,315 public/javascripts/wmd/wmd.js
@@ -0,0 +1,2315 @@
+;
+(function () {
+
+ WMDEditor = function (options) {
+ this.options = WMDEditor.util.extend({}, WMDEditor.defaults, options || {});
+ wmdBase(this, this.options);
+
+ this.startEditor();
+ };
+ window.WMDEditor = WMDEditor;
+
+ WMDEditor.defaults = { // {{{
+ version: 2.1,
+ output_format: "markdown",
+ lineLength: 40,
+
+ button_bar: "wmd-button-bar",
+ preview: "wmd-preview",
+ output: "wmd-output",
+ input: "wmd-input",
+
+ // The text that appears on the upper part of the dialog box when
+ // entering links.
+ imageDialogText: "<p style='margin-top: 0px'><b>Enter the image URL.</b></p><p>You can also add a title, which will be displayed as a tool tip.</p><p>Example:<br />http://i.imgur.com/1cZl4.jpg</p>",
+ linkDialogText: "<p style='margin-top: 0px'><b>Enter the web address.</b></p><p>You can also add a title, which will be displayed as a tool tip.</p><p>Example:<br />http://www.google.com/</p>",
+
+ // The default text that appears in the dialog input box when entering
+ // links.
+ imageDefaultText: "http://",
+ linkDefaultText: "http://",
+ imageDirectory: "images/",
+
+ // The link and title for the help button
+ helpLink: "/markdown_syntax.html",
+ helpHoverTitle: "Markdown Syntax",
+ helpTarget: "_blank",
+
+ // Some intervals in ms. These can be adjusted to reduce the control's load.
+ previewPollInterval: 500,
+ pastePollInterval: 100,
+
+ buttons: "bold italic link blockquote code image ol ul heading hr undo redo help",
+
+ autoFormatting: {
+ list: true,
+ quote: true,
+ code: true,
+ },
+
+ modifierKeys: { //replace this with null or false to disable key-combos
+ bold: "b",
+ italic: "i",
+ link: "l",
+ quote: "q",
+ code: "k",
+ image: "g",
+ orderedList: "o",
+ unorderedList: "u",
+ heading: "h",
+ horizontalRule: "r",
+ redo: "y",
+ undo: "z"
+ },
+
+
+ tagFilter: {
+ enabled: false,
+ allowedTags: /^(<\/?(b|blockquote|code|del|dd|dl|dt|em|h1|h2|h3|i|kbd|li|ol|p|pre|s|sup|sub|strong|strike|ul)>|<(br|hr)\s?\/?>)$/i,
+ patternLink: /^(<a\shref=("|')(\#\d+|(https?:\/\/|ftp:\/\/|mailto:)[-A-Za-z0-9+&@#\/%?=~_|!:,.;\(\)]+)\2(\stitle="[^"<>]+")?\s?>|<\/a>)$/i,
+ patternImage: /^(<img\ssrc="https?:(\/\/[-A-Za-z0-9+&@#\/%?=~_|!:,.;\(\)]+)"(\swidth="\d{1,3}")?(\sheight="\d{1,3}")?(\salt="[^"<>]*")?(\stitle="[^"<>]*")?\s?\/?>)$/i
+ }
+ }; // }}}
+ WMDEditor.prototype = {
+ getPanels: function () {
+ return {
+ buttonBar: (typeof this.options.button_bar == 'string') ? document.getElementById(this.options.button_bar) : this.options.button_bar,
+ preview: (typeof this.options.preview == 'string') ? document.getElementById(this.options.preview) : this.options.preview,
+ output: (typeof this.options.output == 'string') ? document.getElementById(this.options.output) : this.options.output,
+ input: (typeof this.options.input == 'string') ? document.getElementById(this.options.input) : this.options.input
+ };
+ },
+
+ startEditor: function () {
+ this.panels = this.getPanels();
+ this.previewMgr = new PreviewManager(this);
+ edit = new this.editor(this.previewMgr.refresh);
+ this.previewMgr.refresh(true);
+ }
+ };
+
+
+ var util = { // {{{
+ // Returns true if the DOM element is visible, false if it's hidden.
+ // Checks if display is anything other than none.
+ isVisible: function (elem) {
+ // shamelessly copied from jQuery
+ return elem.offsetWidth > 0 || elem.offsetHeight > 0;
+ },
+
+ // Adds a listener callback to a DOM element which is fired on a specified
+ // event.
+ 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.
+ 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.
+ 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.
+ 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.
+ // Technically, this can match incorrect flags like "gmm".
+ var result = pattern.match(/\/([gim]*)$/);
+ if (result === null) {
+ flags = result[0];
+ }
+ else {
+ flags = "";
+ }
+
+ // Remove the flags and slash delimiters from the regular expression.
+ pattern = pattern.replace(/(^\/|\/[gim]*$)/g, "");
+ pattern = pre + pattern + post;
+
+ return new RegExp(pattern, flags);
+ },
+
+ // Sets the image for a button passed to the WMD editor.
+ // Returns a new element with the image attached.
+ // Adds several style properties to the image.
+ //
+ // XXX-ANAND: Is this used anywhere?
+ createImage: function (img) {
+
+ var imgPath = imageDirectory + img;
+
+ var elem = document.createElement("img");
+ elem.className = "wmd-button";
+ elem.src = imgPath;
+
+ return elem;
+ },
+
+ // This simulates a modal dialog box and asks for the URL when you
+ // click the hyperlink or image buttons.
+ //
+ // text: The html for the input box.
+ // defaultInputText: The default value that appears in the input box.
+ // makeLinkMarkdown: The function which is executed when the prompt is dismissed, either via OK or Cancel
+ prompt: function (text, defaultInputText, makeLinkMarkdown, promptType) {
+
+ // These variables need to be declared at this level since they are used
+ // in multiple functions.
+ var dialog; // The dialog box.
+ var background; // The background beind the dialog box.
+ var input; // The text box where you enter the hyperlink.
+ var titleInput; // The text box for the image's title text
+ var newWinCheckbox; //The checkbox to choose if a link should be opened in a new window.
+ 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(document.body, "keydown", checkEscape);
+ var text = input.value+ (titleInput.value?' "'+titleInput.value+'"':'');
+
+ if (isCancel) {
+ text = null;
+ }
+ else {
+ // Fixes common pasting errors.
+ text = text.replace('http://http://', 'http://');
+ text = text.replace('http://https://', 'https://');
+ text = text.replace('http://ftp://', 'ftp://');
+ if (promptType=='link' && newWinCheckbox.checked) text = '!'+text;
+ }
+
+ dialog.parentNode.removeChild(dialog);
+ background.parentNode.removeChild(background);
+ makeLinkMarkdown(text);
+ return false;
+ };
+
+ // Creates the background behind the hyperlink text entry box.
+ // Most of this has been moved to CSS but the div creation and
+ // browser-specific hacks remain here.
+ var createBackground = function () {
+ background = document.createElement("div");
+ background.className = "wmd-prompt-background";
+ style = background.style;
+ style.position = "absolute";
+ style.top = "0";
+
+ style.zIndex = "10000";
+
+ // Some versions of Konqueror don't support transparent colors
+ // so we make the whole window transparent.
+ //
+ // Is this necessary on modern konqueror browsers?
+ if (browser.isKonqueror) {
+ style.backgroundColor = "transparent";
+ }
+ else if (browser.isIE) {
+ style.filter = "alpha(opacity=50)";
+ }
+ else {
+ style.opacity = "0.5";
+ }
+
+ var pageSize = position.getPageSize();
+ style.height = pageSize[1] + "px";
+
+ if (browser.isIE) {
+ style.left = document.documentElement.scrollLeft;
+ style.width = document.documentElement.clientWidth;
+ }
+ else {
+ style.left = "0";
+ style.width = "100%";
+ }
+
+ document.body.appendChild(background);
+ };
+
+ // Create the text input box form/window.
+ var createDialog = function () {
+
+ // The main dialog box.
+ dialog = document.createElement("div");
+ dialog.className = "wmd-prompt-dialog";
+ dialog.style.padding = "10px;";
+ dialog.style.position = "fixed";
+ dialog.style.width = "400px";
+ dialog.style.zIndex = "10001";
+
+ // The dialog text.
+ var question = document.createElement("div");
+ question.innerHTML = text;
+ question.style.padding = "5px";
+ dialog.appendChild(question);
+
+ // The web form container for the text box and buttons.
+ var form = document.createElement("form");
+ form.onsubmit = function () {
+ return close(false);
+ };
+ var style = form.style;
+ style.padding = "0";
+ style.margin = "0";
+ style.cssFloat = "left";
+ style.width = "100%";
+ style.textAlign = "center";
+ style.position = "relative";
+ dialog.appendChild(form);
+
+ var label = document.createElement("label");
+ style = label.style;
+ style.display = "block";
+ style.width = "80%";
+ style.marginLeft = style.marginRight = "auto";
+ style.textAlign = "left";
+ form.appendChild(label);
+
+ label.appendChild(document.createTextNode(promptType+" URL:"));
+
+ // The input text box
+ input = document.createElement("input");
+ input.type = "text";
+ input.value = defaultInputText;
+ style = input.style;
+ style.display = "block";
+ style.width = "100%";
+ style.marginLeft = style.marginRight = "auto";
+ label.appendChild(input);
+
+ label = document.createElement("label");
+ style = label.style;
+ style.display = "block";
+ style.width = "80%";
+ style.marginLeft = style.marginRight = "auto";
+ style.textAlign = "left";
+ form.appendChild(label);
+
+ label.appendChild(document.createTextNode(promptType+" Title (Hover Text):"));
+
+ // The input text box
+ titleInput = document.createElement("input");
+ titleInput.type = "text";
+ style = titleInput.style;
+ style.display = "block";
+ style.width = "100%";
+ style.marginLeft = style.marginRight = "auto";
+ label.appendChild(titleInput);
+
+
+ if (promptType=='link') {
+ label = document.createElement("label");
+ style = label.style;
+ style.display = "block";
+ style.textAlign = "center";
+ form.appendChild(label);
+
+ newWinCheckbox = document.createElement("input");
+ newWinCheckbox.type = 'checkbox';
+ newWinCheckbox.value = '!';
+ label.appendChild(newWinCheckbox);
+
+ label.appendChild(document.createTextNode(" Have this link open in a new window"));
+ }
+
+ // The ok button
+ var okButton = document.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 = document.createElement("input");
+ cancelButton.type = "button";
+ cancelButton.onclick = function () {
+ return close(true);
+ };
+ cancelButton.value = "Cancel";
+ style = cancelButton.style;
+ style.margin = "10px";
+ style.display = "inline";
+ style.width = "7em";
+
+ // The order of these buttons is different on macs.
+ if (/mac/.test(nav.platform.toLowerCase())) {
+ form.appendChild(cancelButton);
+ form.appendChild(okButton);
+ }
+ else {
+ form.appendChild(okButton);
+ form.appendChild(cancelButton);
+ }
+
+ util.addEvent(document.body, "keydown", checkEscape);
+ dialog.style.top = "50%";
+ dialog.style.left = "50%";
+ dialog.style.display = "block";
+ if (browser.isIE_5or6) {
+ dialog.style.position = "absolute";
+ dialog.style.top = document.documentElement.scrollTop + 200 + "px";
+ dialog.style.left = "50%";
+ }
+ document.body.appendChild(dialog);
+
+ // This has to be done AFTER adding the dialog to the form if you
+ // want it to be centered.
+ dialog.style.marginTop = -(position.getHeight(dialog) / 2) + "px";
+ dialog.style.marginLeft = -(position.getWidth(dialog) / 2) + "px";
+ };
+
+ createBackground();
+
+ // Why is this in a zero-length timeout?
+ // Is it working around a browser bug?
+ window.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);
+ },
+
+ extend: function () {
+ function _update(a, b) {
+ for (var k in b) if (b.hasOwnProperty(k)){
+ if (typeof a[k] === 'object' && typeof b[k] === 'object') _update(a[k], b[k]); //if property is an object or array, merge the contents instead of overwriting
+ else a[k] = b[k];
+ }
+ return a;
+ }
+
+ var d = {};
+ for (var i = 0; i < arguments.length; i++) {
+ _update(d, arguments[i]);
+ }
+ return d;
+ }
+ }; // }}}
+ var position = { // {{{
+ // UNFINISHED
+ // The assignment in the while loop makes jslint cranky.
+ // I'll change it to a better loop later.
+ getTop: function (elem, isInner) {
+ var result = elem.offsetTop;
+ if (!isInner) {
+ while (elem = elem.offsetParent) {
+ result += elem.offsetTop;
+ }
+ }
+ return result;
+ },
+
+ getHeight: function (elem) {
+ return elem.offsetHeight || elem.scrollHeight;
+ },
+
+ getWidth: function (elem) {
+ return elem.offsetWidth || elem.scrollWidth;
+ },
+
+ 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 = document.body.scrollWidth;
+ scrollHeight = self.innerHeight + self.scrollMaxY;
+ }
+ else if (document.body.scrollHeight > document.body.offsetHeight) {
+ scrollWidth = document.body.scrollWidth;
+ scrollHeight = document.body.scrollHeight;
+ }
+ else {
+ scrollWidth = document.body.offsetWidth;
+ scrollHeight = document.body.offsetHeight;
+ }
+
+ if (self.innerHeight) {
+ // Non-IE browser
+ innerWidth = self.innerWidth;
+ innerHeight = self.innerHeight;
+ }
+ else if (document.documentElement && document.documentElement.clientHeight) {
+ // Some versions of IE (IE 6 w/ a DOCTYPE declaration)
+ innerWidth = document.documentElement.clientWidth;
+ innerHeight = document.documentElement.clientHeight;
+ }
+ else if (document.body) {
+ // Other versions of IE
+ innerWidth = document.body.clientWidth;
+ innerHeight = document.body.clientHeight;
+ }
+
+ var maxWidth = Math.max(scrollWidth, innerWidth);
+ var maxHeight = Math.max(scrollHeight, innerHeight);
+ return [maxWidth, maxHeight, innerWidth, innerHeight];
+ }
+ }; // }}}
+ // The input textarea state/contents.
+ // This is used to implement undo/redo by the undo manager.
+ var TextareaState = function (textarea, wmd) { // {{{
+ // Aliases
+ var stateObj = this;
+ var inputArea = textarea;
+
+ 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 && !browser.isOpera) {
+
+ inputArea.focus();
+ inputArea.selectionStart = stateObj.start;
+ inputArea.selectionEnd = stateObj.end;
+ inputArea.scrollTop = stateObj.scrollTop;
+ }
+ else if (document.selection) {
+
+ if (typeof(document.activeElement)!="unknown" && document.activeElement && document.activeElement !== inputArea) {
+ return;
+ }
+
+ inputArea.focus();
+ var range = inputArea.createTextRange();
+ range.moveStart("character", -inputArea.value.length);
+ range.moveEnd("character", -inputArea.value.length);
+ range.moveEnd("character", stateObj.end);
+ range.moveStart("character", stateObj.start);
+ range.select();
+ }
+ };
+
+ this.setInputAreaSelectionStartEnd = function () {
+
+ if (inputArea.selectionStart || inputArea.selectionStart === 0) {
+
+ stateObj.start = inputArea.selectionStart;
+ stateObj.end = inputArea.selectionEnd;
+ }
+ else if (document.selection) {
+
+ stateObj.text = util.fixEolChars(inputArea.value);
+
+ // IE loses the selection in the textarea when buttons are
+ // clicked. On IE we cache the selection and set a flag
+ // which we check for here.
+ var range;
+ if (wmd.ieRetardedClick && wmd.ieCachedRange) {
+ range = wmd.ieCachedRange;
+ wmd.ieRetardedClick = false;
+ }
+ else {
+ range = document.selection.createRange();
+ }
+
+ var fixedRange = util.fixEolChars(range.text);
+ var marker = "\x07";
+ var markedRange = marker + fixedRange + marker;
+ range.text = markedRange;
+ var inputText = util.fixEolChars(inputArea.value);
+
+ range.moveStart("character", -markedRange.length);
+ range.text = fixedRange;
+
+ stateObj.start = inputText.indexOf(marker);
+ stateObj.end = inputText.lastIndexOf(marker) - marker.length;
+
+ var len = stateObj.text.length - util.fixEolChars(inputArea.value).length;
+
+ if (len) {
+ range.moveStart("character", -fixedRange.length);
+ while (len--) {
+ fixedRange += "\n";
+ stateObj.end += 1;
+ }
+ range.text = fixedRange;
+ }
+
+ this.setInputAreaSelection();
+ }
+ };
+
+ // Restore this state into the input area.
+ this.restore = function () {
+
+ if (stateObj.text != undefined && stateObj.text != inputArea.value) {
+ inputArea.value = stateObj.text;
+ }
+ this.setInputAreaSelection();
+ inputArea.scrollTop = stateObj.scrollTop;
+ };
+
+ // Gets a collection of HTML chunks from the inptut textarea.
+ this.getChunks = function () {
+
+ var chunk = new Chunks();
+
+ chunk.before = util.fixEolChars(stateObj.text.substring(0, stateObj.start));
+ chunk.startTag = "";
+ chunk.selection = util.fixEolChars(stateObj.text.substring(stateObj.start, stateObj.end));
+ chunk.endTag = "";
+ chunk.after = util.fixEolChars(stateObj.text.substring(stateObj.end));
+ chunk.scrollTop = stateObj.scrollTop;
+
+ return chunk;
+ };
+
+ // Sets the TextareaState properties given a chunk of markdown.
+ this.setChunks = function (chunk) {
+
+ chunk.before = chunk.before + chunk.startTag;
+ chunk.after = chunk.endTag + chunk.after;
+
+ if (browser.isOpera) {
+ chunk.before = chunk.before.replace(/\n/g, "\r\n");
+ chunk.selection = chunk.selection.replace(/\n/g, "\r\n");
+ chunk.after = chunk.after.replace(/\n/g, "\r\n");
+ }
+
+ this.start = chunk.before.length;
+ this.end = chunk.before.length + chunk.selection.length;
+ this.text = chunk.before + chunk.selection + chunk.after;
+ this.scrollTop = chunk.scrollTop;
+ };
+
+ this.init();
+ }; // }}}
+ // Chunks {{{
+ // before: contains all the text in the input box BEFORE the selection.
+ // after: contains all the text in the input box AFTER the selection.
+ var Chunks = function () {};
+
+ // 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) {
+
+ this.selection = this.selection.replace(/^(\s*)/, "");
+
+ if (!remove) {
+ this.before += re.$1;
+ }
+
+ this.selection = this.selection.replace(/(\s*)$/, "");
+
+ if (!remove) {
+ this.after = re.$1 + this.after;
+ }
+ };
+
+
+ Chunks.prototype.addBlankLines = function (nLinesBefore, nLinesAfter, findExtraNewlines) {
+
+ if (nLinesBefore === undefined) {
+ nLinesBefore = 1;
+ }
+
+ if (nLinesAfter === undefined) {
+ nLinesAfter = 1;
+ }
+
+ nLinesBefore++;
+ nLinesAfter++;
+
+ var regexText;
+ var replacementText;
+
+ // New bug discovered in Chrome, which appears to be related to use of RegExp.$1
+ // Hack it to hold the match results. Sucks because we're double matching...
+ var match = /(^\n*)/.exec(this.selection);
+
+ this.selection = this.selection.replace(/(^\n*)/, "");
+ this.startTag = this.startTag + (match ? match[1] : "");
+ match = /(\n*$)/.exec(this.selection);
+ this.selection = this.selection.replace(/(\n*$)/, "");
+ this.endTag = this.endTag + (match ? match[1] : "");
+ match = /(^\n*)/.exec(this.startTag);
+ this.startTag = this.startTag.replace(/(^\n*)/, "");
+ this.before = this.before + (match ? match[1] : "");
+ match = /(\n*$)/.exec(this.endTag);
+ this.endTag = this.endTag.replace(/(\n*$)/, "");
+ this.after = this.after + (match ? match[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 CHUNKS
+ // Watches the input textarea, polling at an interval and runs
+ // a callback function if anything has changed.
+ var InputPoller = function (textarea, callback, interval) { // {{{
+ var pollerObj = this;
+ var inputArea = textarea;
+
+ // Stored start, end and text. Used to see if there are changes to the input.
+ var lastStart;
+ var lastEnd;
+ var markdown;
+
+ var killHandle; // Used to cancel monitoring on destruction.
+ // Checks to see if anything has changed in the textarea.
+ // If so, it runs the callback.
+ this.tick = function () {
+
+ if (!util.isVisible(inputArea)) {
+ return;
+ }
+
+ // Update the selection start and end, text.
+ if (inputArea.selectionStart || inputArea.selectionStart === 0) {
+ var start = inputArea.selectionStart;
+ var end = inputArea.selectionEnd;
+ if (start != lastStart || end != lastEnd) {
+ lastStart = start;
+ lastEnd = end;
+
+ if (markdown != inputArea.value) {
+ markdown = inputArea.value;
+ return true;
+ }
+ }
+ }
+ return false;
+ };
+
+
+ var doTickCallback = function () {
+
+ if (!util.isVisible(inputArea)) {
+ return;
+ }
+
+ // If anything has changed, call the function.
+ if (pollerObj.tick()) {
+ callback();
+ }
+ };
+
+ // Set how often we poll the textarea for changes.
+ var assignInterval = function () {
+ killHandle = window.setInterval(doTickCallback, interval);
+ };
+
+ this.destroy = function () {
+ window.clearInterval(killHandle);
+ };
+
+ assignInterval();
+ }; // }}}
+ var PreviewManager = function (wmd) { // {{{
+ var managerObj = this;
+ var converter;
+ var poller;
+ var timeout;
+ var elapsedTime;
+ var oldInputText;
+ var htmlOut;
+ var maxDelay = 3000;
+ var startType = "delayed"; // The other legal value is "manual"
+ // Adds event listeners to elements and creates the input poller.
+ var setupEvents = function (inputElem, listener) {
+
+ util.addEvent(inputElem, "input", listener);
+ inputElem.onpaste = listener;
+ inputElem.ondrop = listener;
+
+ util.addEvent(inputElem, "keypress", listener);
+ util.addEvent(inputElem, "keydown", listener);
+ // previewPollInterval is set at the top of this file.
+ poller = new InputPoller(wmd.panels.input, listener, wmd.options.previewPollInterval);
+ };
+
+ var getDocScrollTop = function () {
+
+ var result = 0;
+
+ if (window.innerHeight) {
+ result = window.pageYOffset;
+ }
+ else if (document.documentElement && document.documentElement.scrollTop) {
+ result = document.documentElement.scrollTop;
+ }
+ else if (document.body) {
+ result = document.body.scrollTop;
+ }
+
+ return result;
+ };
+
+ var makePreviewHtml = function () {
+
+ // If there are no registered preview and output panels
+ // there is nothing to do.
+ if (!wmd.panels.preview && !wmd.panels.output) {
+ return;
+ }
+
+ var text = wmd.panels.input.value;
+ if (text && text == oldInputText) {
+ return; // Input text hasn't changed.
+ }
+ else {
+ oldInputText = text;
+ }
+
+ var prevTime = new Date().getTime();
+
+ if (!converter && wmd.showdown) {
+ converter = new wmd.showdown.converter();
+ }
+
+ if (converter) {
+ text = converter.makeHtml(text);
+ }
+
+ // Calculate the processing time of the HTML creation.
+ // It's used as the delay time in the event listener.
+ var currTime = new Date().getTime();
+ elapsedTime = currTime - prevTime;
+
+ pushPreviewHtml(text);
+ htmlOut = text;
+ };
+
+ // setTimeout is already used. Used as an event listener.
+ var applyTimeout = function () {
+
+ if (timeout) {
+ window.clearTimeout(timeout);
+ timeout = undefined;
+ }
+
+ if (startType !== "manual") {
+
+ var delay = 0;
+
+ if (startType === "delayed") {
+ delay = elapsedTime;
+ }
+
+ if (delay > maxDelay) {
+ delay = maxDelay;
+ }
+ timeout = window.setTimeout(makePreviewHtml, delay);
+ }
+ };
+
+ var getScaleFactor = function (panel) {
+ if (panel.scrollHeight <= panel.clientHeight) {
+ return 1;
+ }
+ return panel.scrollTop / (panel.scrollHeight - panel.clientHeight);
+ };
+
+ var setPanelScrollTops = function () {
+
+ if (wmd.panels.preview) {
+ wmd.panels.preview.scrollTop = (wmd.panels.preview.scrollHeight - wmd.panels.preview.clientHeight) * getScaleFactor(wmd.panels.preview);;
+ }
+
+ if (wmd.panels.output) {
+ wmd.panels.output.scrollTop = (wmd.panels.output.scrollHeight - wmd.panels.output.clientHeight) * getScaleFactor(wmd.panels.output);;
+ }
+ };
+
+ this.refresh = function (requiresRefresh) {
+
+ if (requiresRefresh) {
+ oldInputText = "";
+ makePreviewHtml();
+ }
+ else {
+ applyTimeout();
+ }
+ };
+
+ this.processingTime = function () {
+ return elapsedTime;
+ };
+
+ // The output HTML
+ this.output = function () {
+ return htmlOut;
+ };
+
+ // The mode can be "manual" or "delayed"
+ this.setUpdateMode = function (mode) {
+ startType = mode;
+ managerObj.refresh();
+ };
+
+ var isFirstTimeFilled = true;
+
+ var pushPreviewHtml = function (text) {
+
+ var emptyTop = position.getTop(wmd.panels.input) - getDocScrollTop();
+
+ // Send the encoded HTML to the output textarea/div.
+ if (wmd.panels.output) {
+ // The value property is only defined if the output is a textarea.
+ if (wmd.panels.output.value !== undefined) {
+ wmd.panels.output.value = text;
+ }
+ // Otherwise we are just replacing the text in a div.
+ // Send the HTML wrapped in <pre><code>
+ else {
+ var newText = text.replace(/&/g, "&amp;");
+ newText = newText.replace(/</g, "&lt;");
+ wmd.panels.output.innerHTML = "<pre><code>" + newText + "</code></pre>";
+ }
+ }
+
+ if (wmd.panels.preview) {
+ // original WMD code allowed javascript injection, like this:
+ // <img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" onload="alert('haha');"/>
+ // now, we first ensure elements (and attributes of IMG and A elements) are in a whitelist
+ // and if not in whitelist, replace with blanks in preview to prevent XSS attacks
+ // when editing malicious markdown
+ // code courtesy of https://github.com/polestarsoft/wmd/commit/e7a09c9170ea23e7e806425f46d7423af2a74641
+ if (wmd.options.tagFilter.enabled) {
+ text = text.replace(/<[^<>]*>?/gi, function (tag) {
+ return (tag.match(wmd.options.tagFilter.allowedTags) || tag.match(wmd.options.tagFilter.patternLink) || tag.match(wmd.options.tagFilter.patternImage)) ? tag : "";
+ });
+ }
+ wmd.panels.preview.innerHTML = text;
+ }
+
+ setPanelScrollTops();
+
+ if (isFirstTimeFilled) {
+ isFirstTimeFilled = false;
+ return;
+ }
+
+ var fullTop = position.getTop(wmd.panels.input) - getDocScrollTop();
+
+ if (browser.isIE) {
+ window.setTimeout(function () {
+ window.scrollBy(0, fullTop - emptyTop);
+ }, 0);
+ }
+ else {
+ window.scrollBy(0, fullTop - emptyTop);
+ }
+ };
+
+ var init = function () {