Fossil SCM

Briefly mention how to invoke Pikchr from the Markdown and Fossil Wiki rule cheatsheets.

drh 2020-09-26 15:51 trunk
Commit 4083e5d322dfaebe1955f03b57505b583cfa3d3912b3aff48a6b2eeb3f89208c
2 files changed +19 -1 +4
+19 -1
--- src/markdown.md
+++ src/markdown.md
@@ -108,14 +108,16 @@
108108
> on that same line (if any) is used in a “`language-WORD`” CSS style in
109109
> the HTML rendering of that code block and is intended for use by
110110
> code syntax highlighters. Thus <tt>\`\`\`c</tt> would mark a block of code
111111
> in the C programming language. Text to be rendered inside the code block
112112
> should therefore start on the next line, not be cuddled up with the
113
-> backticks or tildes.
113
+> backticks or tildes. See the "Diagrams" section below for the case where
114
+> "`language-WORD`" is "pikchr".
114115
115116
> With the standard skins, verbatim text is rendered in a fixed-width font,
116117
> but that is purely a presentation matter, controlled by the skin’s CSS.
118
+
117119
118120
## Tables ##
119121
120122
>
121123
| Header 1 | Header 2 | Header 3 |
@@ -131,10 +133,26 @@
131133
> centered, or right-aligned text, respectively. By default, header cells are
132134
> centered, and body cells are left-aligned.
133135
134136
> The leftmost or rightmost **\|** is required only if the first or last column,
135137
> respectively, contains at least one blank cell.
138
+
139
+## Diagrams ##
140
+
141
+>
142
+~~~~~
143
+~~~ pikchr
144
+oval "Start" fit; arrow; box "Hello, World!" fit; arrow; oval "Done" fit
145
+~~~
146
+~~~~~
147
+
148
+> Formatted using [Pikchr](https://pikchr.org/home), resulting in:
149
+
150
+>
151
+~~~ pikchr
152
+oval "Start" fit; arrow; box "Hello, World!" fit; arrow; oval "Done" fit
153
+~~~
136154
137155
## Miscellaneous ##
138156
139157
> * In-line images are made using **\!\[alt-text\]\(image-URL\)**.
140158
> * Use HTML for advanced formatting such as forms.
141159
--- src/markdown.md
+++ src/markdown.md
@@ -108,14 +108,16 @@
108 > on that same line (if any) is used in a “`language-WORD`” CSS style in
109 > the HTML rendering of that code block and is intended for use by
110 > code syntax highlighters. Thus <tt>\`\`\`c</tt> would mark a block of code
111 > in the C programming language. Text to be rendered inside the code block
112 > should therefore start on the next line, not be cuddled up with the
113 > backticks or tildes.
 
114
115 > With the standard skins, verbatim text is rendered in a fixed-width font,
116 > but that is purely a presentation matter, controlled by the skin’s CSS.
 
117
118 ## Tables ##
119
120 >
121 | Header 1 | Header 2 | Header 3 |
@@ -131,10 +133,26 @@
131 > centered, or right-aligned text, respectively. By default, header cells are
132 > centered, and body cells are left-aligned.
133
134 > The leftmost or rightmost **\|** is required only if the first or last column,
135 > respectively, contains at least one blank cell.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
136
137 ## Miscellaneous ##
138
139 > * In-line images are made using **\!\[alt-text\]\(image-URL\)**.
140 > * Use HTML for advanced formatting such as forms.
141
--- src/markdown.md
+++ src/markdown.md
@@ -108,14 +108,16 @@
108 > on that same line (if any) is used in a “`language-WORD`” CSS style in
109 > the HTML rendering of that code block and is intended for use by
110 > code syntax highlighters. Thus <tt>\`\`\`c</tt> would mark a block of code
111 > in the C programming language. Text to be rendered inside the code block
112 > should therefore start on the next line, not be cuddled up with the
113 > backticks or tildes. See the "Diagrams" section below for the case where
114 > "`language-WORD`" is "pikchr".
115
116 > With the standard skins, verbatim text is rendered in a fixed-width font,
117 > but that is purely a presentation matter, controlled by the skin’s CSS.
118
119
120 ## Tables ##
121
122 >
123 | Header 1 | Header 2 | Header 3 |
@@ -131,10 +133,26 @@
133 > centered, or right-aligned text, respectively. By default, header cells are
134 > centered, and body cells are left-aligned.
135
136 > The leftmost or rightmost **\|** is required only if the first or last column,
137 > respectively, contains at least one blank cell.
138
139 ## Diagrams ##
140
141 >
142 ~~~~~
143 ~~~ pikchr
144 oval "Start" fit; arrow; box "Hello, World!" fit; arrow; oval "Done" fit
145 ~~~
146 ~~~~~
147
148 > Formatted using [Pikchr](https://pikchr.org/home), resulting in:
149
150 >
151 ~~~ pikchr
152 oval "Start" fit; arrow; box "Hello, World!" fit; arrow; oval "Done" fit
153 ~~~
154
155 ## Miscellaneous ##
156
157 > * In-line images are made using **\!\[alt-text\]\(image-URL\)**.
158 > * Use HTML for advanced formatting such as forms.
159
--- src/wiki.wiki
+++ src/wiki.wiki
@@ -79,8 +79,12 @@
7979
7. <b>Special Markup.</b>
8080
The &lt;nowiki&gt; tag disables all wiki formatting rules through
8181
the matching &lt;/nowiki&gt; element. The &lt;verbatim&gt; tag works
8282
like &lt;pre&gt; with the addition that it also disables all wiki
8383
and HTML markup through the matching &lt;/verbatim&gt;.
84
+ Text within
85
+ <tt>&lt;verbatim&nbsp;type="pikchr"&gt;...&lt;/verbatim&gt;</tt>
86
+ is formatted using <a href="https://pikchr.org/home">Pikchr</a>.
87
+
8488
8589
<a name="intermap"></a>
8690
<h2>Interwiki Tag Map</h2>
8791
--- src/wiki.wiki
+++ src/wiki.wiki
@@ -79,8 +79,12 @@
79 7. <b>Special Markup.</b>
80 The &lt;nowiki&gt; tag disables all wiki formatting rules through
81 the matching &lt;/nowiki&gt; element. The &lt;verbatim&gt; tag works
82 like &lt;pre&gt; with the addition that it also disables all wiki
83 and HTML markup through the matching &lt;/verbatim&gt;.
 
 
 
 
84
85 <a name="intermap"></a>
86 <h2>Interwiki Tag Map</h2>
87
--- src/wiki.wiki
+++ src/wiki.wiki
@@ -79,8 +79,12 @@
79 7. <b>Special Markup.</b>
80 The &lt;nowiki&gt; tag disables all wiki formatting rules through
81 the matching &lt;/nowiki&gt; element. The &lt;verbatim&gt; tag works
82 like &lt;pre&gt; with the addition that it also disables all wiki
83 and HTML markup through the matching &lt;/verbatim&gt;.
84 Text within
85 <tt>&lt;verbatim&nbsp;type="pikchr"&gt;...&lt;/verbatim&gt;</tt>
86 is formatted using <a href="https://pikchr.org/home">Pikchr</a>.
87
88
89 <a name="intermap"></a>
90 <h2>Interwiki Tag Map</h2>
91

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button