Mercurial

comparison .cms/lib/codemirror/mode/tiddlywiki/index.html @ 0:78edf6b517a0 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>