Mercurial
comparison .cms/lib/codemirror/mode/tiddlywiki/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 <!doctype html> | |
2 | |
3 <title>CodeMirror: TiddlyWiki mode</title> | |
4 <meta charset="utf-8"/> | |
5 <link rel=stylesheet href="../../doc/docs.css"> | |
6 | |
7 <link rel="stylesheet" href="../../lib/codemirror.css"> | |
8 <link rel="stylesheet" href="tiddlywiki.css"> | |
9 <script src="../../lib/codemirror.js"></script> | |
10 <script src="../../addon/edit/matchbrackets.js"></script> | |
11 <script src="tiddlywiki.js"></script> | |
12 <style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |
13 <div id=nav> | |
14 <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png" alt=""></a> | |
15 | |
16 <ul> | |
17 <li><a href="../../index.html">Home</a> | |
18 <li><a href="../../doc/manual.html">Manual</a> | |
19 <li><a href="https://github.com/codemirror/codemirror5">Code</a> | |
20 </ul> | |
21 <ul> | |
22 <li><a href="../index.html">Language modes</a> | |
23 <li><a class=active href="#">TiddlyWiki</a> | |
24 </ul> | |
25 </div> | |
26 | |
27 <article> | |
28 <h2>TiddlyWiki mode</h2> | |
29 | |
30 | |
31 <div><textarea id="code" name="code"> | |
32 !TiddlyWiki Formatting | |
33 * Rendered versions can be found at: http://www.tiddlywiki.com/#Reference | |
34 | |
35 |!Option | !Syntax | | |
36 |bold font | ''bold'' | | |
37 |italic type | //italic// | | |
38 |underlined text | __underlined__ | | |
39 |strikethrough text | --strikethrough-- | | |
40 |superscript text | super^^script^^ | | |
41 |subscript text | sub~~script~~ | | |
42 |highlighted text | @@highlighted@@ | | |
43 |preformatted text | {{{preformatted}}} | | |
44 | |
45 !Block Elements | |
46 <<< | |
47 !Heading 1 | |
48 | |
49 !!Heading 2 | |
50 | |
51 !!!Heading 3 | |
52 | |
53 !!!!Heading 4 | |
54 | |
55 !!!!!Heading 5 | |
56 <<< | |
57 | |
58 !!Lists | |
59 <<< | |
60 * unordered list, level 1 | |
61 ** unordered list, level 2 | |
62 *** unordered list, level 3 | |
63 | |
64 # ordered list, level 1 | |
65 ## ordered list, level 2 | |
66 ### unordered list, level 3 | |
67 | |
68 ; definition list, term | |
69 : definition list, description | |
70 <<< | |
71 | |
72 !!Blockquotes | |
73 <<< | |
74 > blockquote, level 1 | |
75 >> blockquote, level 2 | |
76 >>> blockquote, level 3 | |
77 | |
78 > blockquote | |
79 <<< | |
80 | |
81 !!Preformatted Text | |
82 <<< | |
83 {{{ | |
84 preformatted (e.g. code) | |
85 }}} | |
86 <<< | |
87 | |
88 !!Code Sections | |
89 <<< | |
90 {{{ | |
91 Text style code | |
92 }}} | |
93 | |
94 //{{{ | |
95 JS styled code. TiddlyWiki mixed mode should support highlighter switching in the future. | |
96 //}}} | |
97 | |
98 <!--{{{--> | |
99 XML styled code. TiddlyWiki mixed mode should support highlighter switching in the future. | |
100 <!--}}}--> | |
101 <<< | |
102 | |
103 !!Tables | |
104 <<< | |
105 |CssClass|k | |
106 |!heading column 1|!heading column 2| | |
107 |row 1, column 1|row 1, column 2| | |
108 |row 2, column 1|row 2, column 2| | |
109 |>|COLSPAN| | |
110 |ROWSPAN| ... | | |
111 |~| ... | | |
112 |CssProperty:value;...| ... | | |
113 |caption|c | |
114 | |
115 ''Annotation:'' | |
116 * The {{{>}}} marker creates a "colspan", causing the current cell to merge with the one to the right. | |
117 * The {{{~}}} marker creates a "rowspan", causing the current cell to merge with the one above. | |
118 <<< | |
119 !!Images /% TODO %/ | |
120 cf. [[TiddlyWiki.com|http://www.tiddlywiki.com/#EmbeddedImages]] | |
121 | |
122 !Hyperlinks | |
123 * [[WikiWords|WikiWord]] are automatically transformed to hyperlinks to the respective tiddler | |
124 ** the automatic transformation can be suppressed by preceding the respective WikiWord with a tilde ({{{~}}}): {{{~WikiWord}}} | |
125 * [[PrettyLinks]] are enclosed in square brackets and contain the desired tiddler name: {{{[[tiddler name]]}}} | |
126 ** optionally, a custom title or description can be added, separated by a pipe character ({{{|}}}): {{{[[title|target]]}}}<br>'''N.B.:''' In this case, the target can also be any website (i.e. URL). | |
127 | |
128 !Custom Styling | |
129 * {{{@@CssProperty:value;CssProperty:value;...@@}}}<br>''N.B.:'' CSS color definitions should use lowercase letters to prevent the inadvertent creation of WikiWords. | |
130 * <html><code>{{customCssClass{...}}}</code></html> | |
131 * raw HTML can be inserted by enclosing the respective code in HTML tags: {{{<html> ... </html>}}} | |
132 | |
133 !Special Markers | |
134 * {{{<br>}}} forces a manual line break | |
135 * {{{----}}} creates a horizontal ruler | |
136 * [[HTML entities|http://www.tiddlywiki.com/#HtmlEntities]] | |
137 * [[HTML entities local|HtmlEntities]] | |
138 * {{{<<macroName>>}}} calls the respective [[macro|Macros]] | |
139 * To hide text within a tiddler so that it is not displayed, it can be wrapped in {{{/%}}} and {{{%/}}}.<br/>This can be a useful trick for hiding drafts or annotating complex markup. | |
140 * To prevent wiki markup from taking effect for a particular section, that section can be enclosed in three double quotes: e.g. {{{"""WikiWord"""}}}. | |
141 </textarea></div> | |
142 | |
143 <script> | |
144 var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |
145 mode: 'tiddlywiki', | |
146 lineNumbers: true, | |
147 matchBrackets: true | |
148 }); | |
149 </script> | |
150 | |
151 <p>TiddlyWiki mode supports a single configuration.</p> | |
152 | |
153 <p><strong>MIME types defined:</strong> <code>text/x-tiddlywiki</code>.</p> | |
154 </article> |