Version at: 22/02/2014, 18:55 vs. version at: 23/02/2014, 16:00 | ||
---|---|---|
1 | 1 | # Sandbox |
2 | 2 | |
3 | 3 | Use this page to experiment with wiki markup. |
4 | 4 | |
5 | 5 | ## Bulleted lists ## |
6 | 6 | Nested bulleted list with two spaces for the second level of indentation and four spaces for the fourth: |
7 | 7 | |
8 | 8 | * a |
9 | 9 | * a.b |
10 | 10 | * a.b.c |
11 | 11 | * a.v |
12 | 12 | * z |
13 | 13 | |
14 | 14 | That list looks correct in the preview and correct in the final presentation. |
15 | 15 | |
16 | 16 | Another list where there are two spaces for each level of indentation: |
17 | 17 | |
18 | 18 | * a |
19 | 19 | * a.b |
20 | 20 | * a.b.c |
21 | 21 | * a.v |
22 | 22 | * z |
23 | 23 | |
24 | 24 | Note that that list looks messed up in the preview, but correct in the final presentation. |
25 | 25 | |
26 | 26 | and one where there are four spaces for each level of indentation: |
27 | 27 | |
28 | 28 | * a |
29 | 29 | * a.b |
30 | 30 | * a.b.c |
31 | 31 | * a.v |
32 | 32 | * z |
33 | 33 | |
34 | 34 | That list looks correct in both the preview and the final presentation. |
35 | 35 | |
36 | 36 | ##Outlines |
37 | 37 | |
38 | 38 | Only two levels of indentation are shown in the "How to Format Text" box, but in reality, more are available: |
39 | 39 | |
40 | 40 | ###Third level of indentation |
41 | 41 | ####Fourth level of indentation |
42 | 42 | #####Fifth level of indentation |
43 | 43 | |
44 | 44 | However, the fifth level looks smaller than body text. |
45 | 45 | |
46 | 46 | ##Code |
47 | 47 | Code sample (note that the format differs between preview mode and final presentation): |
48 | 48 | |
49 | 49 | ` |
50 | 50 | if (a) |
51 | 51 | b |
52 | 52 | else |
53 | 53 | c |
54 | 54 | ` |
55 | 55 | |
56 | ##Escaping characters | |
57 | ||
58 | We need ways of escaping various characters: | |
59 | ||
60 | ###Underscore | |
61 | Mention a name that contains a single underscore: | |
62 | ||
63 | a_b | |
64 | ||
65 | It appears correctly. But mention a name that contains an underscore twice: | |
66 | ||
67 | a_b a_b | |
68 | ||
69 | It appears as: | |
70 | ||
71 | ab ab | |
72 | ||
73 | where the first b and the second a are italicized. | |
74 | ||
75 | ###Parenthesis | |
76 | ||
77 | Say that I want to write this, but in a help section, so I don't want to trigger interpretation as an actual link. Here, I've included spaces to throw off interpretation, but I want to be able to accomplish that through escape sequences instead. | |
78 | ||
79 | [ t e x t ] ( h t t p : / / example . com ) | |
80 | ||
56 | 81 | ##Bookmarklet code |
57 | 82 | First bookmarklet test (which succeeds in both preview and presentation modes): |
58 | 83 | |
59 | 84 | [test][1] |
60 | 85 | |
61 | 86 | [1]: javascript:var%20p=Math.floor((Math.random()*100)+1);location.href=%22http://tatoeba.org/eng/sentences/show_all_in/epo/und/eng/indifferent/page:%22+p; |
62 | 87 | |
63 | 88 | |
64 | 89 | Second bookmarklet test (which succeeds only in preview mode): |
65 | 90 | |
66 | 91 | [test 2a](javascript:var%20u%20=%20%22%22;var%20e=window.prompt%28%22Enter%20URL%20or%20number%20of%22+%22%20sentence%20to%20link%20to%20this%20one%22,%22%22%29;if%28e!=null%29{var%20r=/%28http:\/\/%5B^\/%5D+\/%5Ba-z%5D{3}\/%29?%28sentences\/show\/%29?%28%5B1-9%5D%5B0-9%5D%29%28#.%29?/;var%20em=e.match%28r%29;if%28em!=null%29{var%20h=location.href;var%20hm=h.match%28r%29;u=hm%5B1%5D+%22links/add/%22+hm%5B3%5D+%22/%22+em%5B3%5D;location.href=u;}else{alert%28%22Invalid%20input.%22%29};}) |
67 | 92 | |
68 | 93 | Third bookmarklet test (which succeeds only in preview mode; in presentation mode it points to http://en.wiki.tatoeba.org/articles/show/sandbox): |
69 | 94 | |
70 | 95 | [test 2][2] |
71 | 96 | |
72 | 97 | [2]: |
73 | 98 | javascript:var%20u%20=%20%22%22;var%20e=window.prompt%28%22Enter%20URL%20or%20number%20of%22+%22%20sentence%20to%20link%20to%20this%20one%22,%22%22%29;if%28e!=null%29{var%20r=/%28http:\/\/%5B^\/%5D+\/%5Ba-z%5D{3}\/%29?%28sentences\/show\/%29?%28%5B1-9%5D%5B0-9%5D%29%28#.%29?/;var%20em=e.match%28r%29;if%28em!=null%29{var%20h=location.href;var%20hm=h.match%28r%29;u=hm%5B1%5D+%22links/add/%22+hm%5B3%5D+%22/%22+em%5B3%5D;location.href=u;}else{alert%28%22Invalid%20input.%22%29};} |
74 | 99 | |
75 | 100 | Fourth bookmarklet test (which fails in both preview mode and presentation mode; in presentation mode it points to http://en.wiki.tatoeba.org/articles/show/sandbox): |
76 | 101 | |
77 | 102 | [test 3][3] |
78 | 103 | |
79 | 104 | [3]: |
80 | 105 | javascript:var%20u%20=%20"";var%20e=window.prompt("Enter%20URL%20or%20number%20of" +"%20sentence%20to%20link%20to%20this%20one","");if(e!=null){var%20r=/(http:\/\/[^\/]+\/[a-z]{3}\/)?(sentences\/show\/)?([1-9][0-9])(#.)?/;var%20em=e.match(r);if(em!=null){var%20h=location.href;var%20hm=h.match(r);u=hm1+"links/add/"+hm[3]+"/"+em[3];location.href=u;}else{alert("Invalid%20input.")};} |
diff view generated by jsdifflib |
Version at: 22/02/2014, 18:55
# Sandbox Use this page to experiment with wiki markup. ## Bulleted lists ## Nested bulleted list with two spaces for the second level of indentation and four spaces for the fourth: * a * a.b * a.b.c * a.v * z That list looks correct in the preview and correct in the final presentation. Another list where there are two spaces for each level of indentation: * a * a.b * a.b.c * a.v * z Note that that list looks messed up in the preview, but correct in the final presentation. and one where there are four spaces for each level of indentation: * a * a.b * a.b.c * a.v * z That list looks correct in both the preview and the final presentation. ##Outlines Only two levels of indentation are shown in the "How to Format Text" box, but in reality, more are available: ###Third level of indentation ####Fourth level of indentation #####Fifth level of indentation However, the fifth level looks smaller than body text. ##Code Code sample (note that the format differs between preview mode and final presentation): ` if (a) b else c ` ##Bookmarklet code First bookmarklet test (which succeeds in both preview and presentation modes): [test][1] [1]: javascript:var%20p=Math.floor((Math.random()*100)+1);location.href=%22http://tatoeba.org/eng/sentences/show_all_in/epo/und/eng/indifferent/page:%22+p; Second bookmarklet test (which succeeds only in preview mode): [test 2a](javascript:var%20u%20=%20%22%22;var%20e=window.prompt%28%22Enter%20URL%20or%20number%20of%22+%22%20sentence%20to%20link%20to%20this%20one%22,%22%22%29;if%28e!=null%29{var%20r=/%28http:\/\/%5B^\/%5D+\/%5Ba-z%5D{3}\/%29?%28sentences\/show\/%29?%28%5B1-9%5D%5B0-9%5D%29%28#.%29?/;var%20em=e.match%28r%29;if%28em!=null%29{var%20h=location.href;var%20hm=h.match%28r%29;u=hm%5B1%5D+%22links/add/%22+hm%5B3%5D+%22/%22+em%5B3%5D;location.href=u;}else{alert%28%22Invalid%20input.%22%29};}) Third bookmarklet test (which succeeds only in preview mode; in presentation mode it points to http://en.wiki.tatoeba.org/articles/show/sandbox): [test 2][2] [2]: javascript:var%20u%20=%20%22%22;var%20e=window.prompt%28%22Enter%20URL%20or%20number%20of%22+%22%20sentence%20to%20link%20to%20this%20one%22,%22%22%29;if%28e!=null%29{var%20r=/%28http:\/\/%5B^\/%5D+\/%5Ba-z%5D{3}\/%29?%28sentences\/show\/%29?%28%5B1-9%5D%5B0-9%5D%29%28#.%29?/;var%20em=e.match%28r%29;if%28em!=null%29{var%20h=location.href;var%20hm=h.match%28r%29;u=hm%5B1%5D+%22links/add/%22+hm%5B3%5D+%22/%22+em%5B3%5D;location.href=u;}else{alert%28%22Invalid%20input.%22%29};} Fourth bookmarklet test (which fails in both preview mode and presentation mode; in presentation mode it points to http://en.wiki.tatoeba.org/articles/show/sandbox): [test 3][3] [3]: javascript:var%20u%20=%20"";var%20e=window.prompt("Enter%20URL%20or%20number%20of" +"%20sentence%20to%20link%20to%20this%20one","");if(e!=null){var%20r=/(http:\/\/[^\/]+\/[a-z]{3}\/)?(sentences\/show\/)?([1-9][0-9])(#.)?/;var%20em=e.match(r);if(em!=null){var%20h=location.href;var%20hm=h.match(r);u=hm1+"links/add/"+hm[3]+"/"+em[3];location.href=u;}else{alert("Invalid%20input.")};}
version at: 23/02/2014, 16:00
# Sandbox Use this page to experiment with wiki markup. ## Bulleted lists ## Nested bulleted list with two spaces for the second level of indentation and four spaces for the fourth: * a * a.b * a.b.c * a.v * z That list looks correct in the preview and correct in the final presentation. Another list where there are two spaces for each level of indentation: * a * a.b * a.b.c * a.v * z Note that that list looks messed up in the preview, but correct in the final presentation. and one where there are four spaces for each level of indentation: * a * a.b * a.b.c * a.v * z That list looks correct in both the preview and the final presentation. ##Outlines Only two levels of indentation are shown in the "How to Format Text" box, but in reality, more are available: ###Third level of indentation ####Fourth level of indentation #####Fifth level of indentation However, the fifth level looks smaller than body text. ##Code Code sample (note that the format differs between preview mode and final presentation): ` if (a) b else c ` ##Escaping characters We need ways of escaping various characters: ###Underscore Mention a name that contains a single underscore: a_b It appears correctly. But mention a name that contains an underscore twice: a_b a_b It appears as: ab ab where the first b and the second a are italicized. ###Parenthesis Say that I want to write this, but in a help section, so I don't want to trigger interpretation as an actual link. Here, I've included spaces to throw off interpretation, but I want to be able to accomplish that through escape sequences instead. [ t e x t ] ( h t t p : / / example . com ) ##Bookmarklet code First bookmarklet test (which succeeds in both preview and presentation modes): [test][1] [1]: javascript:var%20p=Math.floor((Math.random()*100)+1);location.href=%22http://tatoeba.org/eng/sentences/show_all_in/epo/und/eng/indifferent/page:%22+p; Second bookmarklet test (which succeeds only in preview mode): [test 2a](javascript:var%20u%20=%20%22%22;var%20e=window.prompt%28%22Enter%20URL%20or%20number%20of%22+%22%20sentence%20to%20link%20to%20this%20one%22,%22%22%29;if%28e!=null%29{var%20r=/%28http:\/\/%5B^\/%5D+\/%5Ba-z%5D{3}\/%29?%28sentences\/show\/%29?%28%5B1-9%5D%5B0-9%5D%29%28#.%29?/;var%20em=e.match%28r%29;if%28em!=null%29{var%20h=location.href;var%20hm=h.match%28r%29;u=hm%5B1%5D+%22links/add/%22+hm%5B3%5D+%22/%22+em%5B3%5D;location.href=u;}else{alert%28%22Invalid%20input.%22%29};}) Third bookmarklet test (which succeeds only in preview mode; in presentation mode it points to http://en.wiki.tatoeba.org/articles/show/sandbox): [test 2][2] [2]: javascript:var%20u%20=%20%22%22;var%20e=window.prompt%28%22Enter%20URL%20or%20number%20of%22+%22%20sentence%20to%20link%20to%20this%20one%22,%22%22%29;if%28e!=null%29{var%20r=/%28http:\/\/%5B^\/%5D+\/%5Ba-z%5D{3}\/%29?%28sentences\/show\/%29?%28%5B1-9%5D%5B0-9%5D%29%28#.%29?/;var%20em=e.match%28r%29;if%28em!=null%29{var%20h=location.href;var%20hm=h.match%28r%29;u=hm%5B1%5D+%22links/add/%22+hm%5B3%5D+%22/%22+em%5B3%5D;location.href=u;}else{alert%28%22Invalid%20input.%22%29};} Fourth bookmarklet test (which fails in both preview mode and presentation mode; in presentation mode it points to http://en.wiki.tatoeba.org/articles/show/sandbox): [test 3][3] [3]: javascript:var%20u%20=%20"";var%20e=window.prompt("Enter%20URL%20or%20number%20of" +"%20sentence%20to%20link%20to%20this%20one","");if(e!=null){var%20r=/(http:\/\/[^\/]+\/[a-z]{3}\/)?(sentences\/show\/)?([1-9][0-9])(#.)?/;var%20em=e.match(r);if(em!=null){var%20h=location.href;var%20hm=h.match(r);u=hm1+"links/add/"+hm[3]+"/"+em[3];location.href=u;}else{alert("Invalid%20input.")};}