Commit 1ec3bd3f8d237c1afb73d4ad1b7a0c24f9a6887c
1 parent
34ba4e13
Exists in
master
and in
4 other branches
ability to preview notes
Showing
3 changed files
with
1356 additions
and
4 deletions
Show diff stats
app/assets/javascripts/application.js
... | ... | @@ -18,6 +18,7 @@ |
18 | 18 | //= require chosen-jquery |
19 | 19 | //= require raphael |
20 | 20 | //= require branch-graph |
21 | +//= require Markdown.Converter | |
21 | 22 | //= require_tree . |
22 | 23 | |
23 | 24 | $(document).ready(function(){ |
... | ... | @@ -26,7 +27,6 @@ $(document).ready(function(){ |
26 | 27 | $(this).select(); |
27 | 28 | }); |
28 | 29 | |
29 | - | |
30 | 30 | $('body').on('ajax:complete, ajax:beforeSend, submit', 'form', function(e){ |
31 | 31 | var buttons = $('[type="submit"]', this); |
32 | 32 | switch( e.type ){ |
... | ... | @@ -70,6 +70,24 @@ $(document).ready(function(){ |
70 | 70 | $(".supp_diff_link").bind("click", function() { |
71 | 71 | showDiff(this); |
72 | 72 | }); |
73 | + | |
74 | + /** | |
75 | + * Note markdown preview | |
76 | + * | |
77 | + */ | |
78 | + $('#preview-link').on('click', function(e) { | |
79 | + var note = $('#note_note').val(); | |
80 | + if (note.trim().length === 0) { note = 'Nothing to preview'; } | |
81 | + var converter = new Markdown.Converter(); | |
82 | + var md_preview = converter.makeHtml(note); | |
83 | + $('#preview-note').html(md_preview); | |
84 | + | |
85 | + var previewLinkText = ($(this).text() == 'Preview' ? 'Edit' : 'Preview'); | |
86 | + $(this).text(previewLinkText); | |
87 | + | |
88 | + $('#preview-note, #note_note').toggle(); | |
89 | + e.preventDefault(); | |
90 | + }); | |
73 | 91 | }); |
74 | 92 | |
75 | 93 | function focusSearch() { |
... | ... | @@ -108,6 +126,6 @@ function showDiff(link) { |
108 | 126 | })(jQuery); |
109 | 127 | |
110 | 128 | |
111 | -function ajaxGet(url) { | |
112 | - $.ajax({type: "GET", url: url, dataType: "script"}); | |
129 | +function ajaxGet(url) { | |
130 | + $.ajax({type: "GET", url: url, dataType: "script"}); | |
113 | 131 | } | ... | ... |
app/views/notes/_form.html.haml
... | ... | @@ -7,10 +7,12 @@ |
7 | 7 | |
8 | 8 | = f.hidden_field :noteable_id |
9 | 9 | = f.hidden_field :noteable_type |
10 | - = f.text_area :note, :size => 255 | |
10 | + = f.text_area :note, :size => 255 | |
11 | + #preview-note.well.hide | |
11 | 12 | %p.hint |
12 | 13 | = link_to "Gitlab Markdown", help_markdown_path, :target => '_blank' |
13 | 14 | is enabled. |
15 | + = link_to 'Preview', '#', :id => 'preview-link' | |
14 | 16 | |
15 | 17 | .row.note_advanced_opts.hide |
16 | 18 | .span4 | ... | ... |
... | ... | @@ -0,0 +1,1332 @@ |
1 | +var Markdown; | |
2 | + | |
3 | +if (typeof exports === "object" && typeof require === "function") // we're in a CommonJS (e.g. Node.js) module | |
4 | + Markdown = exports; | |
5 | +else | |
6 | + Markdown = {}; | |
7 | + | |
8 | +// The following text is included for historical reasons, but should | |
9 | +// be taken with a pinch of salt; it's not all true anymore. | |
10 | + | |
11 | +// | |
12 | +// Wherever possible, Showdown is a straight, line-by-line port | |
13 | +// of the Perl version of Markdown. | |
14 | +// | |
15 | +// This is not a normal parser design; it's basically just a | |
16 | +// series of string substitutions. It's hard to read and | |
17 | +// maintain this way, but keeping Showdown close to the original | |
18 | +// design makes it easier to port new features. | |
19 | +// | |
20 | +// More importantly, Showdown behaves like markdown.pl in most | |
21 | +// edge cases. So web applications can do client-side preview | |
22 | +// in Javascript, and then build identical HTML on the server. | |
23 | +// | |
24 | +// This port needs the new RegExp functionality of ECMA 262, | |
25 | +// 3rd Edition (i.e. Javascript 1.5). Most modern web browsers | |
26 | +// should do fine. Even with the new regular expression features, | |
27 | +// We do a lot of work to emulate Perl's regex functionality. | |
28 | +// The tricky changes in this file mostly have the "attacklab:" | |
29 | +// label. Major or self-explanatory changes don't. | |
30 | +// | |
31 | +// Smart diff tools like Araxis Merge will be able to match up | |
32 | +// this file with markdown.pl in a useful way. A little tweaking | |
33 | +// helps: in a copy of markdown.pl, replace "#" with "//" and | |
34 | +// replace "$text" with "text". Be sure to ignore whitespace | |
35 | +// and line endings. | |
36 | +// | |
37 | + | |
38 | + | |
39 | +// | |
40 | +// Usage: | |
41 | +// | |
42 | +// var text = "Markdown *rocks*."; | |
43 | +// | |
44 | +// var converter = new Markdown.Converter(); | |
45 | +// var html = converter.makeHtml(text); | |
46 | +// | |
47 | +// alert(html); | |
48 | +// | |
49 | +// Note: move the sample code to the bottom of this | |
50 | +// file before uncommenting it. | |
51 | +// | |
52 | + | |
53 | +(function () { | |
54 | + | |
55 | + function identity(x) { return x; } | |
56 | + function returnFalse(x) { return false; } | |
57 | + | |
58 | + function HookCollection() { } | |
59 | + | |
60 | + HookCollection.prototype = { | |
61 | + | |
62 | + chain: function (hookname, func) { | |
63 | + var original = this[hookname]; | |
64 | + if (!original) | |
65 | + throw new Error("unknown hook " + hookname); | |
66 | + | |
67 | + if (original === identity) | |
68 | + this[hookname] = func; | |
69 | + else | |
70 | + this[hookname] = function (x) { return func(original(x)); } | |
71 | + }, | |
72 | + set: function (hookname, func) { | |
73 | + if (!this[hookname]) | |
74 | + throw new Error("unknown hook " + hookname); | |
75 | + this[hookname] = func; | |
76 | + }, | |
77 | + addNoop: function (hookname) { | |
78 | + this[hookname] = identity; | |
79 | + }, | |
80 | + addFalse: function (hookname) { | |
81 | + this[hookname] = returnFalse; | |
82 | + } | |
83 | + }; | |
84 | + | |
85 | + Markdown.HookCollection = HookCollection; | |
86 | + | |
87 | + // g_urls and g_titles allow arbitrary user-entered strings as keys. This | |
88 | + // caused an exception (and hence stopped the rendering) when the user entered | |
89 | + // e.g. [push] or [__proto__]. Adding a prefix to the actual key prevents this | |
90 | + // (since no builtin property starts with "s_"). See | |
91 | + // http://meta.stackoverflow.com/questions/64655/strange-wmd-bug | |
92 | + // (granted, switching from Array() to Object() alone would have left only __proto__ | |
93 | + // to be a problem) | |
94 | + function SaveHash() { } | |
95 | + SaveHash.prototype = { | |
96 | + set: function (key, value) { | |
97 | + this["s_" + key] = value; | |
98 | + }, | |
99 | + get: function (key) { | |
100 | + return this["s_" + key]; | |
101 | + } | |
102 | + }; | |
103 | + | |
104 | + Markdown.Converter = function () { | |
105 | + var pluginHooks = this.hooks = new HookCollection(); | |
106 | + pluginHooks.addNoop("plainLinkText"); // given a URL that was encountered by itself (without markup), should return the link text that's to be given to this link | |
107 | + pluginHooks.addNoop("preConversion"); // called with the orignal text as given to makeHtml. The result of this plugin hook is the actual markdown source that will be cooked | |
108 | + pluginHooks.addNoop("postConversion"); // called with the final cooked HTML code. The result of this plugin hook is the actual output of makeHtml | |
109 | + | |
110 | + // | |
111 | + // Private state of the converter instance: | |
112 | + // | |
113 | + | |
114 | + // Global hashes, used by various utility routines | |
115 | + var g_urls; | |
116 | + var g_titles; | |
117 | + var g_html_blocks; | |
118 | + | |
119 | + // Used to track when we're inside an ordered or unordered list | |
120 | + // (see _ProcessListItems() for details): | |
121 | + var g_list_level; | |
122 | + | |
123 | + this.makeHtml = function (text) { | |
124 | + | |
125 | + // | |
126 | + // Main function. The order in which other subs are called here is | |
127 | + // essential. Link and image substitutions need to happen before | |
128 | + // _EscapeSpecialCharsWithinTagAttributes(), so that any *'s or _'s in the <a> | |
129 | + // and <img> tags get encoded. | |
130 | + // | |
131 | + | |
132 | + // This will only happen if makeHtml on the same converter instance is called from a plugin hook. | |
133 | + // Don't do that. | |
134 | + if (g_urls) | |
135 | + throw new Error("Recursive call to converter.makeHtml"); | |
136 | + | |
137 | + // Create the private state objects. | |
138 | + g_urls = new SaveHash(); | |
139 | + g_titles = new SaveHash(); | |
140 | + g_html_blocks = []; | |
141 | + g_list_level = 0; | |
142 | + | |
143 | + text = pluginHooks.preConversion(text); | |
144 | + | |
145 | + // attacklab: Replace ~ with ~T | |
146 | + // This lets us use tilde as an escape char to avoid md5 hashes | |
147 | + // The choice of character is arbitray; anything that isn't | |
148 | + // magic in Markdown will work. | |
149 | + text = text.replace(/~/g, "~T"); | |
150 | + | |
151 | + // attacklab: Replace $ with ~D | |
152 | + // RegExp interprets $ as a special character | |
153 | + // when it's in a replacement string | |
154 | + text = text.replace(/\$/g, "~D"); | |
155 | + | |
156 | + // Standardize line endings | |
157 | + text = text.replace(/\r\n/g, "\n"); // DOS to Unix | |
158 | + text = text.replace(/\r/g, "\n"); // Mac to Unix | |
159 | + | |
160 | + // Make sure text begins and ends with a couple of newlines: | |
161 | + text = "\n\n" + text + "\n\n"; | |
162 | + | |
163 | + // Convert all tabs to spaces. | |
164 | + text = _Detab(text); | |
165 | + | |
166 | + // Strip any lines consisting only of spaces and tabs. | |
167 | + // This makes subsequent regexen easier to write, because we can | |
168 | + // match consecutive blank lines with /\n+/ instead of something | |
169 | + // contorted like /[ \t]*\n+/ . | |
170 | + text = text.replace(/^[ \t]+$/mg, ""); | |
171 | + | |
172 | + // Turn block-level HTML blocks into hash entries | |
173 | + text = _HashHTMLBlocks(text); | |
174 | + | |
175 | + // Strip link definitions, store in hashes. | |
176 | + text = _StripLinkDefinitions(text); | |
177 | + | |
178 | + text = _RunBlockGamut(text); | |
179 | + | |
180 | + text = _UnescapeSpecialChars(text); | |
181 | + | |
182 | + // attacklab: Restore dollar signs | |
183 | + text = text.replace(/~D/g, "$$"); | |
184 | + | |
185 | + // attacklab: Restore tildes | |
186 | + text = text.replace(/~T/g, "~"); | |
187 | + | |
188 | + text = pluginHooks.postConversion(text); | |
189 | + | |
190 | + g_html_blocks = g_titles = g_urls = null; | |
191 | + | |
192 | + return text; | |
193 | + }; | |
194 | + | |
195 | + function _StripLinkDefinitions(text) { | |
196 | + // | |
197 | + // Strips link definitions from text, stores the URLs and titles in | |
198 | + // hash references. | |
199 | + // | |
200 | + | |
201 | + // Link defs are in the form: ^[id]: url "optional title" | |
202 | + | |
203 | + /* | |
204 | + text = text.replace(/ | |
205 | + ^[ ]{0,3}\[(.+)\]: // id = $1 attacklab: g_tab_width - 1 | |
206 | + [ \t]* | |
207 | + \n? // maybe *one* newline | |
208 | + [ \t]* | |
209 | + <?(\S+?)>? // url = $2 | |
210 | + (?=\s|$) // lookahead for whitespace instead of the lookbehind removed below | |
211 | + [ \t]* | |
212 | + \n? // maybe one newline | |
213 | + [ \t]* | |
214 | + ( // (potential) title = $3 | |
215 | + (\n*) // any lines skipped = $4 attacklab: lookbehind removed | |
216 | + [ \t]+ | |
217 | + ["(] | |
218 | + (.+?) // title = $5 | |
219 | + [")] | |
220 | + [ \t]* | |
221 | + )? // title is optional | |
222 | + (?:\n+|$) | |
223 | + /gm, function(){...}); | |
224 | + */ | |
225 | + | |
226 | + text = text.replace(/^[ ]{0,3}\[(.+)\]:[ \t]*\n?[ \t]*<?(\S+?)>?(?=\s|$)[ \t]*\n?[ \t]*((\n*)["(](.+?)[")][ \t]*)?(?:\n+)/gm, | |
227 | + function (wholeMatch, m1, m2, m3, m4, m5) { | |
228 | + m1 = m1.toLowerCase(); | |
229 | + g_urls.set(m1, _EncodeAmpsAndAngles(m2)); // Link IDs are case-insensitive | |
230 | + if (m4) { | |
231 | + // Oops, found blank lines, so it's not a title. | |
232 | + // Put back the parenthetical statement we stole. | |
233 | + return m3; | |
234 | + } else if (m5) { | |
235 | + g_titles.set(m1, m5.replace(/"/g, """)); | |
236 | + } | |
237 | + | |
238 | + // Completely remove the definition from the text | |
239 | + return ""; | |
240 | + } | |
241 | + ); | |
242 | + | |
243 | + return text; | |
244 | + } | |
245 | + | |
246 | + function _HashHTMLBlocks(text) { | |
247 | + | |
248 | + // Hashify HTML blocks: | |
249 | + // We only want to do this for block-level HTML tags, such as headers, | |
250 | + // lists, and tables. That's because we still want to wrap <p>s around | |
251 | + // "paragraphs" that are wrapped in non-block-level tags, such as anchors, | |
252 | + // phrase emphasis, and spans. The list of tags we're looking for is | |
253 | + // hard-coded: | |
254 | + var block_tags_a = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math|ins|del" | |
255 | + var block_tags_b = "p|div|h[1-6]|blockquote|pre|table|dl|ol|ul|script|noscript|form|fieldset|iframe|math" | |
256 | + | |
257 | + // First, look for nested blocks, e.g.: | |
258 | + // <div> | |
259 | + // <div> | |
260 | + // tags for inner block must be indented. | |
261 | + // </div> | |
262 | + // </div> | |
263 | + // | |
264 | + // The outermost tags must start at the left margin for this to match, and | |
265 | + // the inner nested divs must be indented. | |
266 | + // We need to do this before the next, more liberal match, because the next | |
267 | + // match will start at the first `<div>` and stop at the first `</div>`. | |
268 | + | |
269 | + // attacklab: This regex can be expensive when it fails. | |
270 | + | |
271 | + /* | |
272 | + text = text.replace(/ | |
273 | + ( // save in $1 | |
274 | + ^ // start of line (with /m) | |
275 | + <($block_tags_a) // start tag = $2 | |
276 | + \b // word break | |
277 | + // attacklab: hack around khtml/pcre bug... | |
278 | + [^\r]*?\n // any number of lines, minimally matching | |
279 | + </\2> // the matching end tag | |
280 | + [ \t]* // trailing spaces/tabs | |
281 | + (?=\n+) // followed by a newline | |
282 | + ) // attacklab: there are sentinel newlines at end of document | |
283 | + /gm,function(){...}}; | |
284 | + */ | |
285 | + 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); | |
286 | + | |
287 | + // | |
288 | + // Now match more liberally, simply from `\n<tag>` to `</tag>\n` | |
289 | + // | |
290 | + | |
291 | + /* | |
292 | + text = text.replace(/ | |
293 | + ( // save in $1 | |
294 | + ^ // start of line (with /m) | |
295 | + <($block_tags_b) // start tag = $2 | |
296 | + \b // word break | |
297 | + // attacklab: hack around khtml/pcre bug... | |
298 | + [^\r]*? // any number of lines, minimally matching | |
299 | + .*</\2> // the matching end tag | |
300 | + [ \t]* // trailing spaces/tabs | |
301 | + (?=\n+) // followed by a newline | |
302 | + ) // attacklab: there are sentinel newlines at end of document | |
303 | + /gm,function(){...}}; | |
304 | + */ | |
305 | + 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); | |
306 | + | |
307 | + // Special case just for <hr />. It was easier to make a special case than | |
308 | + // to make the other regex more complicated. | |
309 | + | |
310 | + /* | |
311 | + text = text.replace(/ | |
312 | + \n // Starting after a blank line | |
313 | + [ ]{0,3} | |
314 | + ( // save in $1 | |
315 | + (<(hr) // start tag = $2 | |
316 | + \b // word break | |
317 | + ([^<>])*? | |
318 | + \/?>) // the matching end tag | |
319 | + [ \t]* | |
320 | + (?=\n{2,}) // followed by a blank line | |
321 | + ) | |
322 | + /g,hashElement); | |
323 | + */ | |
324 | + text = text.replace(/\n[ ]{0,3}((<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g, hashElement); | |
325 | + | |
326 | + // Special case for standalone HTML comments: | |
327 | + | |
328 | + /* | |
329 | + text = text.replace(/ | |
330 | + \n\n // Starting after a blank line | |
331 | + [ ]{0,3} // attacklab: g_tab_width - 1 | |
332 | + ( // save in $1 | |
333 | + <! | |
334 | + (--(?:|(?:[^>-]|-[^>])(?:[^-]|-[^-])*)--) // see http://www.w3.org/TR/html-markup/syntax.html#comments and http://meta.stackoverflow.com/q/95256 | |
335 | + > | |
336 | + [ \t]* | |
337 | + (?=\n{2,}) // followed by a blank line | |
338 | + ) | |
339 | + /g,hashElement); | |
340 | + */ | |
341 | + text = text.replace(/\n\n[ ]{0,3}(<!(--(?:|(?:[^>-]|-[^>])(?:[^-]|-[^-])*)--)>[ \t]*(?=\n{2,}))/g, hashElement); | |
342 | + | |
343 | + // PHP and ASP-style processor instructions (<?...?> and <%...%>) | |
344 | + | |
345 | + /* | |
346 | + text = text.replace(/ | |
347 | + (?: | |
348 | + \n\n // Starting after a blank line | |
349 | + ) | |
350 | + ( // save in $1 | |
351 | + [ ]{0,3} // attacklab: g_tab_width - 1 | |
352 | + (?: | |
353 | + <([?%]) // $2 | |
354 | + [^\r]*? | |
355 | + \2> | |
356 | + ) | |
357 | + [ \t]* | |
358 | + (?=\n{2,}) // followed by a blank line | |
359 | + ) | |
360 | + /g,hashElement); | |
361 | + */ | |
362 | + text = text.replace(/(?:\n\n)([ ]{0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g, hashElement); | |
363 | + | |
364 | + return text; | |
365 | + } | |
366 | + | |
367 | + function hashElement(wholeMatch, m1) { | |
368 | + var blockText = m1; | |
369 | + | |
370 | + // Undo double lines | |
371 | + blockText = blockText.replace(/^\n+/, ""); | |
372 | + | |
373 | + // strip trailing blank lines | |
374 | + blockText = blockText.replace(/\n+$/g, ""); | |
375 | + | |
376 | + // Replace the element text with a marker ("~KxK" where x is its key) | |
377 | + blockText = "\n\n~K" + (g_html_blocks.push(blockText) - 1) + "K\n\n"; | |
378 | + | |
379 | + return blockText; | |
380 | + } | |
381 | + | |
382 | + function _RunBlockGamut(text, doNotUnhash) { | |
383 | + // | |
384 | + // These are all the transformations that form block-level | |
385 | + // tags like paragraphs, headers, and list items. | |
386 | + // | |
387 | + text = _DoHeaders(text); | |
388 | + | |
389 | + // Do Horizontal Rules: | |
390 | + var replacement = "<hr />\n"; | |
391 | + text = text.replace(/^[ ]{0,2}([ ]?\*[ ]?){3,}[ \t]*$/gm, replacement); | |
392 | + text = text.replace(/^[ ]{0,2}([ ]?-[ ]?){3,}[ \t]*$/gm, replacement); | |
393 | + text = text.replace(/^[ ]{0,2}([ ]?_[ ]?){3,}[ \t]*$/gm, replacement); | |
394 | + | |
395 | + text = _DoLists(text); | |
396 | + text = _DoCodeBlocks(text); | |
397 | + text = _DoBlockQuotes(text); | |
398 | + | |
399 | + // We already ran _HashHTMLBlocks() before, in Markdown(), but that | |
400 | + // was to escape raw HTML in the original Markdown source. This time, | |
401 | + // we're escaping the markup we've just created, so that we don't wrap | |
402 | + // <p> tags around block-level tags. | |
403 | + text = _HashHTMLBlocks(text); | |
404 | + text = _FormParagraphs(text, doNotUnhash); | |
405 | + | |
406 | + return text; | |
407 | + } | |
408 | + | |
409 | + function _RunSpanGamut(text) { | |
410 | + // | |
411 | + // These are all the transformations that occur *within* block-level | |
412 | + // tags like paragraphs, headers, and list items. | |
413 | + // | |
414 | + | |
415 | + text = _DoCodeSpans(text); | |
416 | + text = _EscapeSpecialCharsWithinTagAttributes(text); | |
417 | + text = _EncodeBackslashEscapes(text); | |
418 | + | |
419 | + // Process anchor and image tags. Images must come first, | |
420 | + // because ![foo][f] looks like an anchor. | |
421 | + text = _DoImages(text); | |
422 | + text = _DoAnchors(text); | |
423 | + | |
424 | + // Make links out of things like `<http://example.com/>` | |
425 | + // Must come after _DoAnchors(), because you can use < and > | |
426 | + // delimiters in inline links like [this](<url>). | |
427 | + text = _DoAutoLinks(text); | |
428 | + | |
429 | + text = text.replace(/~P/g, "://"); // put in place to prevent autolinking; reset now | |
430 | + | |
431 | + text = _EncodeAmpsAndAngles(text); | |
432 | + text = _DoItalicsAndBold(text); | |
433 | + | |
434 | + // Do hard breaks: | |
435 | + text = text.replace(/ +\n/g, " <br>\n"); | |
436 | + | |
437 | + return text; | |
438 | + } | |
439 | + | |
440 | + function _EscapeSpecialCharsWithinTagAttributes(text) { | |
441 | + // | |
442 | + // Within tags -- meaning between < and > -- encode [\ ` * _] so they | |
443 | + // don't conflict with their use in Markdown for code, italics and strong. | |
444 | + // | |
445 | + | |
446 | + // Build a regex to find HTML tags and comments. See Friedl's | |
447 | + // "Mastering Regular Expressions", 2nd Ed., pp. 200-201. | |
448 | + | |
449 | + // SE: changed the comment part of the regex | |
450 | + | |
451 | + var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|<!(--(?:|(?:[^>-]|-[^>])(?:[^-]|-[^-])*)--)>)/gi; | |
452 | + | |
453 | + text = text.replace(regex, function (wholeMatch) { | |
454 | + var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`"); | |
455 | + tag = escapeCharacters(tag, wholeMatch.charAt(1) == "!" ? "\\`*_/" : "\\`*_"); // also escape slashes in comments to prevent autolinking there -- http://meta.stackoverflow.com/questions/95987 | |
456 | + return tag; | |
457 | + }); | |
458 | + | |
459 | + return text; | |
460 | + } | |
461 | + | |
462 | + function _DoAnchors(text) { | |
463 | + // | |
464 | + // Turn Markdown link shortcuts into XHTML <a> tags. | |
465 | + // | |
466 | + // | |
467 | + // First, handle reference-style links: [link text] [id] | |
468 | + // | |
469 | + | |
470 | + /* | |
471 | + text = text.replace(/ | |
472 | + ( // wrap whole match in $1 | |
473 | + \[ | |
474 | + ( | |
475 | + (?: | |
476 | + \[[^\]]*\] // allow brackets nested one level | |
477 | + | | |
478 | + [^\[] // or anything else | |
479 | + )* | |
480 | + ) | |
481 | + \] | |
482 | + | |
483 | + [ ]? // one optional space | |
484 | + (?:\n[ ]*)? // one optional newline followed by spaces | |
485 | + | |
486 | + \[ | |
487 | + (.*?) // id = $3 | |
488 | + \] | |
489 | + ) | |
490 | + ()()()() // pad remaining backreferences | |
491 | + /g, writeAnchorTag); | |
492 | + */ | |
493 | + text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeAnchorTag); | |
494 | + | |
495 | + // | |
496 | + // Next, inline-style links: [link text](url "optional title") | |
497 | + // | |
498 | + | |
499 | + /* | |
500 | + text = text.replace(/ | |
501 | + ( // wrap whole match in $1 | |
502 | + \[ | |
503 | + ( | |
504 | + (?: | |
505 | + \[[^\]]*\] // allow brackets nested one level | |
506 | + | | |
507 | + [^\[\]] // or anything else | |
508 | + )* | |
509 | + ) | |
510 | + \] | |
511 | + \( // literal paren | |
512 | + [ \t]* | |
513 | + () // no id, so leave $3 empty | |
514 | + <?( // href = $4 | |
515 | + (?: | |
516 | + \([^)]*\) // allow one level of (correctly nested) parens (think MSDN) | |
517 | + | | |
518 | + [^()\s] | |
519 | + )*? | |
520 | + )>? | |
521 | + [ \t]* | |
522 | + ( // $5 | |
523 | + (['"]) // quote char = $6 | |
524 | + (.*?) // Title = $7 | |
525 | + \6 // matching quote | |
526 | + [ \t]* // ignore any spaces/tabs between closing quote and ) | |
527 | + )? // title is optional | |
528 | + \) | |
529 | + ) | |
530 | + /g, writeAnchorTag); | |
531 | + */ | |
532 | + | |
533 | + text = text.replace(/(\[((?:\[[^\]]*\]|[^\[\]])*)\]\([ \t]*()<?((?:\([^)]*\)|[^()\s])*?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeAnchorTag); | |
534 | + | |
535 | + // | |
536 | + // Last, handle reference-style shortcuts: [link text] | |
537 | + // These must come last in case you've also got [link test][1] | |
538 | + // or [link test](/foo) | |
539 | + // | |
540 | + | |
541 | + /* | |
542 | + text = text.replace(/ | |
543 | + ( // wrap whole match in $1 | |
544 | + \[ | |
545 | + ([^\[\]]+) // link text = $2; can't contain '[' or ']' | |
546 | + \] | |
547 | + ) | |
548 | + ()()()()() // pad rest of backreferences | |
549 | + /g, writeAnchorTag); | |
550 | + */ | |
551 | + text = text.replace(/(\[([^\[\]]+)\])()()()()()/g, writeAnchorTag); | |
552 | + | |
553 | + return text; | |
554 | + } | |
555 | + | |
556 | + function writeAnchorTag(wholeMatch, m1, m2, m3, m4, m5, m6, m7) { | |
557 | + if (m7 == undefined) m7 = ""; | |
558 | + var whole_match = m1; | |
559 | + var link_text = m2.replace(/:\/\//g, "~P"); // to prevent auto-linking withing the link. will be converted back after the auto-linker runs | |
560 | + var link_id = m3.toLowerCase(); | |
561 | + var url = m4; | |
562 | + var title = m7; | |
563 | + | |
564 | + if (url == "") { | |
565 | + if (link_id == "") { | |
566 | + // lower-case and turn embedded newlines into spaces | |
567 | + link_id = link_text.toLowerCase().replace(/ ?\n/g, " "); | |
568 | + } | |
569 | + url = "#" + link_id; | |
570 | + | |
571 | + if (g_urls.get(link_id) != undefined) { | |
572 | + url = g_urls.get(link_id); | |
573 | + if (g_titles.get(link_id) != undefined) { | |
574 | + title = g_titles.get(link_id); | |
575 | + } | |
576 | + } | |
577 | + else { | |
578 | + if (whole_match.search(/\(\s*\)$/m) > -1) { | |
579 | + // Special case for explicit empty url | |
580 | + url = ""; | |
581 | + } else { | |
582 | + return whole_match; | |
583 | + } | |
584 | + } | |
585 | + } | |
586 | + url = encodeProblemUrlChars(url); | |
587 | + url = escapeCharacters(url, "*_"); | |
588 | + var result = "<a href=\"" + url + "\""; | |
589 | + | |
590 | + if (title != "") { | |
591 | + title = attributeEncode(title); | |
592 | + title = escapeCharacters(title, "*_"); | |
593 | + result += " title=\"" + title + "\""; | |
594 | + } | |
595 | + | |
596 | + result += ">" + link_text + "</a>"; | |
597 | + | |
598 | + return result; | |
599 | + } | |
600 | + | |
601 | + function _DoImages(text) { | |
602 | + // | |
603 | + // Turn Markdown image shortcuts into <img> tags. | |
604 | + // | |
605 | + | |
606 | + // | |
607 | + // First, handle reference-style labeled images: ![alt text][id] | |
608 | + // | |
609 | + | |
610 | + /* | |
611 | + text = text.replace(/ | |
612 | + ( // wrap whole match in $1 | |
613 | + !\[ | |
614 | + (.*?) // alt text = $2 | |
615 | + \] | |
616 | + | |
617 | + [ ]? // one optional space | |
618 | + (?:\n[ ]*)? // one optional newline followed by spaces | |
619 | + | |
620 | + \[ | |
621 | + (.*?) // id = $3 | |
622 | + \] | |
623 | + ) | |
624 | + ()()()() // pad rest of backreferences | |
625 | + /g, writeImageTag); | |
626 | + */ | |
627 | + text = text.replace(/(!\[(.*?)\][ ]?(?:\n[ ]*)?\[(.*?)\])()()()()/g, writeImageTag); | |
628 | + | |
629 | + // | |
630 | + // Next, handle inline images:  | |
631 | + // Don't forget: encode * and _ | |
632 | + | |
633 | + /* | |
634 | + text = text.replace(/ | |
635 | + ( // wrap whole match in $1 | |
636 | + !\[ | |
637 | + (.*?) // alt text = $2 | |
638 | + \] | |
639 | + \s? // One optional whitespace character | |
640 | + \( // literal paren | |
641 | + [ \t]* | |
642 | + () // no id, so leave $3 empty | |
643 | + <?(\S+?)>? // src url = $4 | |
644 | + [ \t]* | |
645 | + ( // $5 | |
646 | + (['"]) // quote char = $6 | |
647 | + (.*?) // title = $7 | |
648 | + \6 // matching quote | |
649 | + [ \t]* | |
650 | + )? // title is optional | |
651 | + \) | |
652 | + ) | |
653 | + /g, writeImageTag); | |
654 | + */ | |
655 | + text = text.replace(/(!\[(.*?)\]\s?\([ \t]*()<?(\S+?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g, writeImageTag); | |
656 | + | |
657 | + return text; | |
658 | + } | |
659 | + | |
660 | + function attributeEncode(text) { | |
661 | + // unconditionally replace angle brackets here -- what ends up in an attribute (e.g. alt or title) | |
662 | + // never makes sense to have verbatim HTML in it (and the sanitizer would totally break it) | |
663 | + return text.replace(/>/g, ">").replace(/</g, "<").replace(/"/g, """); | |
664 | + } | |
665 | + | |
666 | + function writeImageTag(wholeMatch, m1, m2, m3, m4, m5, m6, m7) { | |
667 | + var whole_match = m1; | |
668 | + var alt_text = m2; | |
669 | + var link_id = m3.toLowerCase(); | |
670 | + var url = m4; | |
671 | + var title = m7; | |
672 | + | |
673 | + if (!title) title = ""; | |
674 | + | |
675 | + if (url == "") { | |
676 | + if (link_id == "") { | |
677 | + // lower-case and turn embedded newlines into spaces | |
678 | + link_id = alt_text.toLowerCase().replace(/ ?\n/g, " "); | |
679 | + } | |
680 | + url = "#" + link_id; | |
681 | + | |
682 | + if (g_urls.get(link_id) != undefined) { | |
683 | + url = g_urls.get(link_id); | |
684 | + if (g_titles.get(link_id) != undefined) { | |
685 | + title = g_titles.get(link_id); | |
686 | + } | |
687 | + } | |
688 | + else { | |
689 | + return whole_match; | |
690 | + } | |
691 | + } | |
692 | + | |
693 | + alt_text = escapeCharacters(attributeEncode(alt_text), "*_[]()"); | |
694 | + url = escapeCharacters(url, "*_"); | |
695 | + var result = "<img src=\"" + url + "\" alt=\"" + alt_text + "\""; | |
696 | + | |
697 | + // attacklab: Markdown.pl adds empty title attributes to images. | |
698 | + // Replicate this bug. | |
699 | + | |
700 | + //if (title != "") { | |
701 | + title = attributeEncode(title); | |
702 | + title = escapeCharacters(title, "*_"); | |
703 | + result += " title=\"" + title + "\""; | |
704 | + //} | |
705 | + | |
706 | + result += " />"; | |
707 | + | |
708 | + return result; | |
709 | + } | |
710 | + | |
711 | + function _DoHeaders(text) { | |
712 | + | |
713 | + // Setext-style headers: | |
714 | + // Header 1 | |
715 | + // ======== | |
716 | + // | |
717 | + // Header 2 | |
718 | + // -------- | |
719 | + // | |
720 | + text = text.replace(/^(.+)[ \t]*\n=+[ \t]*\n+/gm, | |
721 | + function (wholeMatch, m1) { return "<h1>" + _RunSpanGamut(m1) + "</h1>\n\n"; } | |
722 | + ); | |
723 | + | |
724 | + text = text.replace(/^(.+)[ \t]*\n-+[ \t]*\n+/gm, | |
725 | + function (matchFound, m1) { return "<h2>" + _RunSpanGamut(m1) + "</h2>\n\n"; } | |
726 | + ); | |
727 | + | |
728 | + // atx-style headers: | |
729 | + // # Header 1 | |
730 | + // ## Header 2 | |
731 | + // ## Header 2 with closing hashes ## | |
732 | + // ... | |
733 | + // ###### Header 6 | |
734 | + // | |
735 | + | |
736 | + /* | |
737 | + text = text.replace(/ | |
738 | + ^(\#{1,6}) // $1 = string of #'s | |
739 | + [ \t]* | |
740 | + (.+?) // $2 = Header text | |
741 | + [ \t]* | |
742 | + \#* // optional closing #'s (not counted) | |
743 | + \n+ | |
744 | + /gm, function() {...}); | |
745 | + */ | |
746 | + | |
747 | + text = text.replace(/^(\#{1,6})[ \t]*(.+?)[ \t]*\#*\n+/gm, | |
748 | + function (wholeMatch, m1, m2) { | |
749 | + var h_level = m1.length; | |
750 | + return "<h" + h_level + ">" + _RunSpanGamut(m2) + "</h" + h_level + ">\n\n"; | |
751 | + } | |
752 | + ); | |
753 | + | |
754 | + return text; | |
755 | + } | |
756 | + | |
757 | + function _DoLists(text) { | |
758 | + // | |
759 | + // Form HTML ordered (numbered) and unordered (bulleted) lists. | |
760 | + // | |
761 | + | |
762 | + // attacklab: add sentinel to hack around khtml/safari bug: | |
763 | + // http://bugs.webkit.org/show_bug.cgi?id=11231 | |
764 | + text += "~0"; | |
765 | + | |
766 | + // Re-usable pattern to match any entirel ul or ol list: | |
767 | + | |
768 | + /* | |
769 | + var whole_list = / | |
770 | + ( // $1 = whole list | |
771 | + ( // $2 | |
772 | + [ ]{0,3} // attacklab: g_tab_width - 1 | |
773 | + ([*+-]|\d+[.]) // $3 = first list item marker | |
774 | + [ \t]+ | |
775 | + ) | |
776 | + [^\r]+? | |
777 | + ( // $4 | |
778 | + ~0 // sentinel for workaround; should be $ | |
779 | + | | |
780 | + \n{2,} | |
781 | + (?=\S) | |
782 | + (?! // Negative lookahead for another list item marker | |
783 | + [ \t]* | |
784 | + (?:[*+-]|\d+[.])[ \t]+ | |
785 | + ) | |
786 | + ) | |
787 | + ) | |
788 | + /g | |
789 | + */ | |
790 | + var whole_list = /^(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm; | |
791 | + | |
792 | + if (g_list_level) { | |
793 | + text = text.replace(whole_list, function (wholeMatch, m1, m2) { | |
794 | + var list = m1; | |
795 | + var list_type = (m2.search(/[*+-]/g) > -1) ? "ul" : "ol"; | |
796 | + | |
797 | + var result = _ProcessListItems(list, list_type); | |
798 | + | |
799 | + // Trim any trailing whitespace, to put the closing `</$list_type>` | |
800 | + // up on the preceding line, to get it past the current stupid | |
801 | + // HTML block parser. This is a hack to work around the terrible | |
802 | + // hack that is the HTML block parser. | |
803 | + result = result.replace(/\s+$/, ""); | |
804 | + result = "<" + list_type + ">" + result + "</" + list_type + ">\n"; | |
805 | + return result; | |
806 | + }); | |
807 | + } else { | |
808 | + whole_list = /(\n\n|^\n?)(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/g; | |
809 | + text = text.replace(whole_list, function (wholeMatch, m1, m2, m3) { | |
810 | + var runup = m1; | |
811 | + var list = m2; | |
812 | + | |
813 | + var list_type = (m3.search(/[*+-]/g) > -1) ? "ul" : "ol"; | |
814 | + var result = _ProcessListItems(list, list_type); | |
815 | + result = runup + "<" + list_type + ">\n" + result + "</" + list_type + ">\n"; | |
816 | + return result; | |
817 | + }); | |
818 | + } | |
819 | + | |
820 | + // attacklab: strip sentinel | |
821 | + text = text.replace(/~0/, ""); | |
822 | + | |
823 | + return text; | |
824 | + } | |
825 | + | |
826 | + var _listItemMarkers = { ol: "\\d+[.]", ul: "[*+-]" }; | |
827 | + | |
828 | + function _ProcessListItems(list_str, list_type) { | |
829 | + // | |
830 | + // Process the contents of a single ordered or unordered list, splitting it | |
831 | + // into individual list items. | |
832 | + // | |
833 | + // list_type is either "ul" or "ol". | |
834 | + | |
835 | + // The $g_list_level global keeps track of when we're inside a list. | |
836 | + // Each time we enter a list, we increment it; when we leave a list, | |
837 | + // we decrement. If it's zero, we're not in a list anymore. | |
838 | + // | |
839 | + // We do this because when we're not inside a list, we want to treat | |
840 | + // something like this: | |
841 | + // | |
842 | + // I recommend upgrading to version | |
843 | + // 8. Oops, now this line is treated | |
844 | + // as a sub-list. | |
845 | + // | |
846 | + // As a single paragraph, despite the fact that the second line starts | |
847 | + // with a digit-period-space sequence. | |
848 | + // | |
849 | + // Whereas when we're inside a list (or sub-list), that line will be | |
850 | + // treated as the start of a sub-list. What a kludge, huh? This is | |
851 | + // an aspect of Markdown's syntax that's hard to parse perfectly | |
852 | + // without resorting to mind-reading. Perhaps the solution is to | |
853 | + // change the syntax rules such that sub-lists must start with a | |
854 | + // starting cardinal number; e.g. "1." or "a.". | |
855 | + | |
856 | + g_list_level++; | |
857 | + | |
858 | + // trim trailing blank lines: | |
859 | + list_str = list_str.replace(/\n{2,}$/, "\n"); | |
860 | + | |
861 | + // attacklab: add sentinel to emulate \z | |
862 | + list_str += "~0"; | |
863 | + | |
864 | + // In the original attacklab showdown, list_type was not given to this function, and anything | |
865 | + // that matched /[*+-]|\d+[.]/ would just create the next <li>, causing this mismatch: | |
866 | + // | |
867 | + // Markdown rendered by WMD rendered by MarkdownSharp | |
868 | + // ------------------------------------------------------------------ | |
869 | + // 1. first 1. first 1. first | |
870 | + // 2. second 2. second 2. second | |
871 | + // - third 3. third * third | |
872 | + // | |
873 | + // We changed this to behave identical to MarkdownSharp. This is the constructed RegEx, | |
874 | + // with {MARKER} being one of \d+[.] or [*+-], depending on list_type: | |
875 | + | |
876 | + /* | |
877 | + list_str = list_str.replace(/ | |
878 | + (^[ \t]*) // leading whitespace = $1 | |
879 | + ({MARKER}) [ \t]+ // list marker = $2 | |
880 | + ([^\r]+? // list item text = $3 | |
881 | + (\n+) | |
882 | + ) | |
883 | + (?= | |
884 | + (~0 | \2 ({MARKER}) [ \t]+) | |
885 | + ) | |
886 | + /gm, function(){...}); | |
887 | + */ | |
888 | + | |
889 | + var marker = _listItemMarkers[list_type]; | |
890 | + var re = new RegExp("(^[ \\t]*)(" + marker + ")[ \\t]+([^\\r]+?(\\n+))(?=(~0|\\1(" + marker + ")[ \\t]+))", "gm"); | |
891 | + var last_item_had_a_double_newline = false; | |
892 | + list_str = list_str.replace(re, | |
893 | + function (wholeMatch, m1, m2, m3) { | |
894 | + var item = m3; | |
895 | + var leading_space = m1; | |
896 | + var ends_with_double_newline = /\n\n$/.test(item); | |
897 | + var contains_double_newline = ends_with_double_newline || item.search(/\n{2,}/) > -1; | |
898 | + | |
899 | + if (contains_double_newline || last_item_had_a_double_newline) { | |
900 | + item = _RunBlockGamut(_Outdent(item), /* doNotUnhash = */true); | |
901 | + } | |
902 | + else { | |
903 | + // Recursion for sub-lists: | |
904 | + item = _DoLists(_Outdent(item)); | |
905 | + item = item.replace(/\n$/, ""); // chomp(item) | |
906 | + item = _RunSpanGamut(item); | |
907 | + } | |
908 | + last_item_had_a_double_newline = ends_with_double_newline; | |
909 | + return "<li>" + item + "</li>\n"; | |
910 | + } | |
911 | + ); | |
912 | + | |
913 | + // attacklab: strip sentinel | |
914 | + list_str = list_str.replace(/~0/g, ""); | |
915 | + | |
916 | + g_list_level--; | |
917 | + return list_str; | |
918 | + } | |
919 | + | |
920 | + function _DoCodeBlocks(text) { | |
921 | + // | |
922 | + // Process Markdown `<pre><code>` blocks. | |
923 | + // | |
924 | + | |
925 | + /* | |
926 | + text = text.replace(/ | |
927 | + (?:\n\n|^) | |
928 | + ( // $1 = the code block -- one or more lines, starting with a space/tab | |
929 | + (?: | |
930 | + (?:[ ]{4}|\t) // Lines must start with a tab or a tab-width of spaces - attacklab: g_tab_width | |
931 | + .*\n+ | |
932 | + )+ | |
933 | + ) | |
934 | + (\n*[ ]{0,3}[^ \t\n]|(?=~0)) // attacklab: g_tab_width | |
935 | + /g ,function(){...}); | |
936 | + */ | |
937 | + | |
938 | + // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug | |
939 | + text += "~0"; | |
940 | + | |
941 | + text = text.replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g, | |
942 | + function (wholeMatch, m1, m2) { | |
943 | + var codeblock = m1; | |
944 | + var nextChar = m2; | |
945 | + | |
946 | + codeblock = _EncodeCode(_Outdent(codeblock)); | |
947 | + codeblock = _Detab(codeblock); | |
948 | + codeblock = codeblock.replace(/^\n+/g, ""); // trim leading newlines | |
949 | + codeblock = codeblock.replace(/\n+$/g, ""); // trim trailing whitespace | |
950 | + | |
951 | + codeblock = "<pre><code>" + codeblock + "\n</code></pre>"; | |
952 | + | |
953 | + return "\n\n" + codeblock + "\n\n" + nextChar; | |
954 | + } | |
955 | + ); | |
956 | + | |
957 | + // attacklab: strip sentinel | |
958 | + text = text.replace(/~0/, ""); | |
959 | + | |
960 | + return text; | |
961 | + } | |
962 | + | |
963 | + function hashBlock(text) { | |
964 | + text = text.replace(/(^\n+|\n+$)/g, ""); | |
965 | + return "\n\n~K" + (g_html_blocks.push(text) - 1) + "K\n\n"; | |
966 | + } | |
967 | + | |
968 | + function _DoCodeSpans(text) { | |
969 | + // | |
970 | + // * Backtick quotes are used for <code></code> spans. | |
971 | + // | |
972 | + // * You can use multiple backticks as the delimiters if you want to | |
973 | + // include literal backticks in the code span. So, this input: | |
974 | + // | |
975 | + // Just type ``foo `bar` baz`` at the prompt. | |
976 | + // | |
977 | + // Will translate to: | |
978 | + // | |
979 | + // <p>Just type <code>foo `bar` baz</code> at the prompt.</p> | |
980 | + // | |
981 | + // There's no arbitrary limit to the number of backticks you | |
982 | + // can use as delimters. If you need three consecutive backticks | |
983 | + // in your code, use four for delimiters, etc. | |
984 | + // | |
985 | + // * You can use spaces to get literal backticks at the edges: | |
986 | + // | |
987 | + // ... type `` `bar` `` ... | |
988 | + // | |
989 | + // Turns to: | |
990 | + // | |
991 | + // ... type <code>`bar`</code> ... | |
992 | + // | |
993 | + | |
994 | + /* | |
995 | + text = text.replace(/ | |
996 | + (^|[^\\]) // Character before opening ` can't be a backslash | |
997 | + (`+) // $2 = Opening run of ` | |
998 | + ( // $3 = The code block | |
999 | + [^\r]*? | |
1000 | + [^`] // attacklab: work around lack of lookbehind | |
1001 | + ) | |
1002 | + \2 // Matching closer | |
1003 | + (?!`) | |
1004 | + /gm, function(){...}); | |
1005 | + */ | |
1006 | + | |
1007 | + text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm, | |
1008 | + function (wholeMatch, m1, m2, m3, m4) { | |
1009 | + var c = m3; | |
1010 | + c = c.replace(/^([ \t]*)/g, ""); // leading whitespace | |
1011 | + c = c.replace(/[ \t]*$/g, ""); // trailing whitespace | |
1012 | + c = _EncodeCode(c); | |
1013 | + 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. | |
1014 | + return m1 + "<code>" + c + "</code>"; | |
1015 | + } | |
1016 | + ); | |
1017 | + | |
1018 | + return text; | |
1019 | + } | |
1020 | + | |
1021 | + function _EncodeCode(text) { | |
1022 | + // | |
1023 | + // Encode/escape certain characters inside Markdown code runs. | |
1024 | + // The point is that in code, these characters are literals, | |
1025 | + // and lose their special Markdown meanings. | |
1026 | + // | |
1027 | + // Encode all ampersands; HTML entities are not | |
1028 | + // entities within a Markdown code span. | |
1029 | + text = text.replace(/&/g, "&"); | |
1030 | + | |
1031 | + // Do the angle bracket song and dance: | |
1032 | + text = text.replace(/</g, "<"); | |
1033 | + text = text.replace(/>/g, ">"); | |
1034 | + | |
1035 | + // Now, escape characters that are magic in Markdown: | |
1036 | + text = escapeCharacters(text, "\*_{}[]\\", false); | |
1037 | + | |
1038 | + // jj the line above breaks this: | |
1039 | + //--- | |
1040 | + | |
1041 | + //* Item | |
1042 | + | |
1043 | + // 1. Subitem | |
1044 | + | |
1045 | + // special char: * | |
1046 | + //--- | |
1047 | + | |
1048 | + return text; | |
1049 | + } | |
1050 | + | |
1051 | + function _DoItalicsAndBold(text) { | |
1052 | + | |
1053 | + // <strong> must go first: | |
1054 | + text = text.replace(/([\W_]|^)(\*\*|__)(?=\S)([^\r]*?\S[\*_]*)\2([\W_]|$)/g, | |
1055 | + "$1<strong>$3</strong>$4"); | |
1056 | + | |
1057 | + text = text.replace(/([\W_]|^)(\*|_)(?=\S)([^\r\*_]*?\S)\2([\W_]|$)/g, | |
1058 | + "$1<em>$3</em>$4"); | |
1059 | + | |
1060 | + return text; | |
1061 | + } | |
1062 | + | |
1063 | + function _DoBlockQuotes(text) { | |
1064 | + | |
1065 | + /* | |
1066 | + text = text.replace(/ | |
1067 | + ( // Wrap whole match in $1 | |
1068 | + ( | |
1069 | + ^[ \t]*>[ \t]? // '>' at the start of a line | |
1070 | + .+\n // rest of the first line | |
1071 | + (.+\n)* // subsequent consecutive lines | |
1072 | + \n* // blanks | |
1073 | + )+ | |
1074 | + ) | |
1075 | + /gm, function(){...}); | |
1076 | + */ | |
1077 | + | |
1078 | + text = text.replace(/((^[ \t]*>[ \t]?.+\n(.+\n)*\n*)+)/gm, | |
1079 | + function (wholeMatch, m1) { | |
1080 | + var bq = m1; | |
1081 | + | |
1082 | + // attacklab: hack around Konqueror 3.5.4 bug: | |
1083 | + // "----------bug".replace(/^-/g,"") == "bug" | |
1084 | + | |
1085 | + bq = bq.replace(/^[ \t]*>[ \t]?/gm, "~0"); // trim one level of quoting | |
1086 | + | |
1087 | + // attacklab: clean up hack | |
1088 | + bq = bq.replace(/~0/g, ""); | |
1089 | + | |
1090 | + bq = bq.replace(/^[ \t]+$/gm, ""); // trim whitespace-only lines | |
1091 | + bq = _RunBlockGamut(bq); // recurse | |
1092 | + | |
1093 | + bq = bq.replace(/(^|\n)/g, "$1 "); | |
1094 | + // These leading spaces screw with <pre> content, so we need to fix that: | |
1095 | + bq = bq.replace( | |
1096 | + /(\s*<pre>[^\r]+?<\/pre>)/gm, | |
1097 | + function (wholeMatch, m1) { | |
1098 | + var pre = m1; | |
1099 | + // attacklab: hack around Konqueror 3.5.4 bug: | |
1100 | + pre = pre.replace(/^ /mg, "~0"); | |
1101 | + pre = pre.replace(/~0/g, ""); | |
1102 | + return pre; | |
1103 | + }); | |
1104 | + | |
1105 | + return hashBlock("<blockquote>\n" + bq + "\n</blockquote>"); | |
1106 | + } | |
1107 | + ); | |
1108 | + return text; | |
1109 | + } | |
1110 | + | |
1111 | + function _FormParagraphs(text, doNotUnhash) { | |
1112 | + // | |
1113 | + // Params: | |
1114 | + // $text - string to process with html <p> tags | |
1115 | + // | |
1116 | + | |
1117 | + // Strip leading and trailing lines: | |
1118 | + text = text.replace(/^\n+/g, ""); | |
1119 | + text = text.replace(/\n+$/g, ""); | |
1120 | + | |
1121 | + var grafs = text.split(/\n{2,}/g); | |
1122 | + var grafsOut = []; | |
1123 | + | |
1124 | + var markerRe = /~K(\d+)K/; | |
1125 | + | |
1126 | + // | |
1127 | + // Wrap <p> tags. | |
1128 | + // | |
1129 | + var end = grafs.length; | |
1130 | + for (var i = 0; i < end; i++) { | |
1131 | + var str = grafs[i]; | |
1132 | + | |
1133 | + // if this is an HTML marker, copy it | |
1134 | + if (markerRe.test(str)) { | |
1135 | + grafsOut.push(str); | |
1136 | + } | |
1137 | + else if (/\S/.test(str)) { | |
1138 | + str = _RunSpanGamut(str); | |
1139 | + str = str.replace(/^([ \t]*)/g, "<p>"); | |
1140 | + str += "</p>" | |
1141 | + grafsOut.push(str); | |
1142 | + } | |
1143 | + | |
1144 | + } | |
1145 | + // | |
1146 | + // Unhashify HTML blocks | |
1147 | + // | |
1148 | + if (!doNotUnhash) { | |
1149 | + end = grafsOut.length; | |
1150 | + for (var i = 0; i < end; i++) { | |
1151 | + var foundAny = true; | |
1152 | + while (foundAny) { // we may need several runs, since the data may be nested | |
1153 | + foundAny = false; | |
1154 | + grafsOut[i] = grafsOut[i].replace(/~K(\d+)K/g, function (wholeMatch, id) { | |
1155 | + foundAny = true; | |
1156 | + return g_html_blocks[id]; | |
1157 | + }); | |
1158 | + } | |
1159 | + } | |
1160 | + } | |
1161 | + return grafsOut.join("\n\n"); | |
1162 | + } | |
1163 | + | |
1164 | + function _EncodeAmpsAndAngles(text) { | |
1165 | + // Smart processing for ampersands and angle brackets that need to be encoded. | |
1166 | + | |
1167 | + // Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin: | |
1168 | + // http://bumppo.net/projects/amputator/ | |
1169 | + text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, "&"); | |
1170 | + | |
1171 | + // Encode naked <'s | |
1172 | + text = text.replace(/<(?![a-z\/?\$!])/gi, "<"); | |
1173 | + | |
1174 | + return text; | |
1175 | + } | |
1176 | + | |
1177 | + function _EncodeBackslashEscapes(text) { | |
1178 | + // | |
1179 | + // Parameter: String. | |
1180 | + // Returns: The string, with after processing the following backslash | |
1181 | + // escape sequences. | |
1182 | + // | |
1183 | + | |
1184 | + // attacklab: The polite way to do this is with the new | |
1185 | + // escapeCharacters() function: | |
1186 | + // | |
1187 | + // text = escapeCharacters(text,"\\",true); | |
1188 | + // text = escapeCharacters(text,"`*_{}[]()>#+-.!",true); | |
1189 | + // | |
1190 | + // ...but we're sidestepping its use of the (slow) RegExp constructor | |
1191 | + // as an optimization for Firefox. This function gets called a LOT. | |
1192 | + | |
1193 | + text = text.replace(/\\(\\)/g, escapeCharacters_callback); | |
1194 | + text = text.replace(/\\([`*_{}\[\]()>#+-.!])/g, escapeCharacters_callback); | |
1195 | + return text; | |
1196 | + } | |
1197 | + | |
1198 | + function _DoAutoLinks(text) { | |
1199 | + | |
1200 | + // note that at this point, all other URL in the text are already hyperlinked as <a href=""></a> | |
1201 | + // *except* for the <http://www.foo.com> case | |
1202 | + | |
1203 | + // automatically add < and > around unadorned raw hyperlinks | |
1204 | + // must be preceded by space/BOF and followed by non-word/EOF character | |
1205 | + text = text.replace(/(^|\s)(https?|ftp)(:\/\/[-A-Z0-9+&@#\/%?=~_|\[\]\(\)!:,\.;]*[-A-Z0-9+&@#\/%=~_|\[\]])($|\W)/gi, "$1<$2$3>$4"); | |
1206 | + | |
1207 | + // autolink anything like <http://example.com> | |
1208 | + | |
1209 | + var replacer = function (wholematch, m1) { return "<a href=\"" + m1 + "\">" + pluginHooks.plainLinkText(m1) + "</a>"; } | |
1210 | + text = text.replace(/<((https?|ftp):[^'">\s]+)>/gi, replacer); | |
1211 | + | |
1212 | + // Email addresses: <address@domain.foo> | |
1213 | + /* | |
1214 | + text = text.replace(/ | |
1215 | + < | |
1216 | + (?:mailto:)? | |
1217 | + ( | |
1218 | + [-.\w]+ | |
1219 | + \@ | |
1220 | + [-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+ | |
1221 | + ) | |
1222 | + > | |
1223 | + /gi, _DoAutoLinks_callback()); | |
1224 | + */ | |
1225 | + | |
1226 | + /* disabling email autolinking, since we don't do that on the server, either | |
1227 | + text = text.replace(/<(?:mailto:)?([-.\w]+\@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi, | |
1228 | + function(wholeMatch,m1) { | |
1229 | + return _EncodeEmailAddress( _UnescapeSpecialChars(m1) ); | |
1230 | + } | |
1231 | + ); | |
1232 | + */ | |
1233 | + return text; | |
1234 | + } | |
1235 | + | |
1236 | + function _UnescapeSpecialChars(text) { | |
1237 | + // | |
1238 | + // Swap back in all the special characters we've hidden. | |
1239 | + // | |
1240 | + text = text.replace(/~E(\d+)E/g, | |
1241 | + function (wholeMatch, m1) { | |
1242 | + var charCodeToReplace = parseInt(m1); | |
1243 | + return String.fromCharCode(charCodeToReplace); | |
1244 | + } | |
1245 | + ); | |
1246 | + return text; | |
1247 | + } | |
1248 | + | |
1249 | + function _Outdent(text) { | |
1250 | + // | |
1251 | + // Remove one level of line-leading tabs or spaces | |
1252 | + // | |
1253 | + | |
1254 | + // attacklab: hack around Konqueror 3.5.4 bug: | |
1255 | + // "----------bug".replace(/^-/g,"") == "bug" | |
1256 | + | |
1257 | + text = text.replace(/^(\t|[ ]{1,4})/gm, "~0"); // attacklab: g_tab_width | |
1258 | + | |
1259 | + // attacklab: clean up hack | |
1260 | + text = text.replace(/~0/g, "") | |
1261 | + | |
1262 | + return text; | |
1263 | + } | |
1264 | + | |
1265 | + function _Detab(text) { | |
1266 | + if (!/\t/.test(text)) | |
1267 | + return text; | |
1268 | + | |
1269 | + var spaces = [" ", " ", " ", " "], | |
1270 | + skew = 0, | |
1271 | + v; | |
1272 | + | |
1273 | + return text.replace(/[\n\t]/g, function (match, offset) { | |
1274 | + if (match === "\n") { | |
1275 | + skew = offset + 1; | |
1276 | + return match; | |
1277 | + } | |
1278 | + v = (offset - skew) % 4; | |
1279 | + skew = offset + 1; | |
1280 | + return spaces[v]; | |
1281 | + }); | |
1282 | + } | |
1283 | + | |
1284 | + // | |
1285 | + // attacklab: Utility functions | |
1286 | + // | |
1287 | + | |
1288 | + var _problemUrlChars = /(?:["'*()[\]:]|~D)/g; | |
1289 | + | |
1290 | + // hex-encodes some unusual "problem" chars in URLs to avoid URL detection problems | |
1291 | + function encodeProblemUrlChars(url) { | |
1292 | + if (!url) | |
1293 | + return ""; | |
1294 | + | |
1295 | + var len = url.length; | |
1296 | + | |
1297 | + return url.replace(_problemUrlChars, function (match, offset) { | |
1298 | + if (match == "~D") // escape for dollar | |
1299 | + return "%24"; | |
1300 | + if (match == ":") { | |
1301 | + if (offset == len - 1 || /[0-9\/]/.test(url.charAt(offset + 1))) | |
1302 | + return ":" | |
1303 | + } | |
1304 | + return "%" + match.charCodeAt(0).toString(16); | |
1305 | + }); | |
1306 | + } | |
1307 | + | |
1308 | + | |
1309 | + function escapeCharacters(text, charsToEscape, afterBackslash) { | |
1310 | + // First we have to escape the escape characters so that | |
1311 | + // we can build a character class out of them | |
1312 | + var regexString = "([" + charsToEscape.replace(/([\[\]\\])/g, "\\$1") + "])"; | |
1313 | + | |
1314 | + if (afterBackslash) { | |
1315 | + regexString = "\\\\" + regexString; | |
1316 | + } | |
1317 | + | |
1318 | + var regex = new RegExp(regexString, "g"); | |
1319 | + text = text.replace(regex, escapeCharacters_callback); | |
1320 | + | |
1321 | + return text; | |
1322 | + } | |
1323 | + | |
1324 | + | |
1325 | + function escapeCharacters_callback(wholeMatch, m1) { | |
1326 | + var charCodeToEscape = m1.charCodeAt(0); | |
1327 | + return "~E" + charCodeToEscape + "E"; | |
1328 | + } | |
1329 | + | |
1330 | + }; // end of the Markdown.Converter constructor | |
1331 | + | |
1332 | +})(); | ... | ... |