You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<!DOCTYPE html><html><head><metacharset=utf-8><metahttp-equiv=X-UA-Compatiblecontent="IE=edge"><metaname=viewportcontent="width=device-width,initial-scale=1"><linkrel=iconhref=favicon.ico><title>markdown-showdowns-editor</title><linkhref=assets/css/chunk-vendors.cssrel=preloadas=style><linkhref=assets/css/index.cssrel=preloadas=style><linkhref=assets/js/chunk-vendors.jsrel=preloadas=script><linkhref=assets/js/index.jsrel=preloadas=script><linkhref=assets/css/chunk-vendors.cssrel=stylesheet><linkhref=assets/css/index.cssrel=stylesheet></head><body><noscript><strong>We're sorry but hello-world doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><divid=app></div><scriptsrc=assets/js/chunk-vendors.js></script><scriptsrc=assets/js/index.js></script></body></html>
1
+
<!DOCTYPE html><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="icon"href="favicon.ico"><title>markdown-showdowns-editor</title><linkhref="assets/css/chunk-vendors.css"rel="preload"as="style"><linkhref="assets/css/index.css"rel="preload"as="style"><linkhref="assets/js/chunk-vendors.js"rel="preload"as="script"><linkhref="assets/js/index.js"rel="preload"as="script"><linkhref="assets/css/chunk-vendors.css"rel="stylesheet"><linkhref="assets/css/index.css"rel="stylesheet"></head><body><noscript><strong>We're sorry but hello-world doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><divid="app"></div><scriptsrc="assets/js/chunk-vendors.js"></script><scriptsrc="assets/js/index.js"></script></body></html>
@@ -9,21 +9,96 @@ Showdowns Markdown Syntax, refer to the document -- [Showdown's Markdown Syntax]
9
9
10
10
-**In browser environment, it is implemented to dynamically load js lib files related to more showdown diagrams extension for using [showdowns >= 0.3.0 version](https://github.com/jhuix/showdowns).**
11
11
12
-
-**In codeblock of markdown, expanded syntax language attribute from "\```codename" to "\```codename {json}" or "\```codename[json]".**
12
+
-**In codeblock of markdown, expanded syntax language attribute from "\```language" to "\```language {json}" or "\```language[json]".**
13
13
14
14
-**The common "align" field value of json is "left" or "center" or "right" in syntax language attribute, and it is empty means "left" align.**
15
15
16
-
-**The common "codeblock" field value of json is "true" or "false" in syntax language attribute, and it is empty means "false". It is "true" means the codeblock is forced to display as normal code block, otherwise the codeblock is tried to parse as corresponding diagrams.**
16
+
-**The common "codeblock" field value of json is "true" or "false" in syntax language attribute, and it is empty means "false". It is "true" means the codeblock is forced to display as normal code block, otherwise the codeblock is tried to parse as corresponding diagrams.**
17
17
18
18
- For example, see following [Network Sequence](#network-sequence) example.
19
19
20
20
## Table
21
21
22
+
- The following features are extended based on the showdown's table:
23
+
24
+
- Cell spans over columns
25
+
- Cell spans over rows (optional)
26
+
- Omitted table header (optional)
27
+
28
+
- Showdown's table
29
+
30
+
cell style syntax has "-{2,}",":-{2,}",":-{2,}:","-{2,}:", means default (align left), align left, align center, and align right style
31
+
32
+
| Return Code | Style | Value | DESC |
33
+
| ----------- | :-----: | :----- | ---------: |
34
+
| OK | int | 1 | Succeeded |
35
+
| ERROR | int | 0 | Failed '\|' |
36
+
22
37
| Return Code | Style | Value | DESC |
23
-
| ----------- | ----- | ----- | --------- |
38
+
| ----------- |:-----:|:----- | ---------:|
24
39
| OK | int | 1 | Succeeded |
25
40
| ERROR | int | 0 | Failed |
26
41
42
+
- Colspan table
43
+
44
+
"||" indicates cells being merged left.
45
+
46
+
| Return Code | Style | Value | DESC |
47
+
| ====== | :-----: | ===== | ===== |
48
+
| **OK** | int | 1 | [Succeeded](https://www.baidu.com) |
49
+
| ERROR | int | 0 ||
50
+
| ERROR || 0 ||
51
+
52
+
| Return Code | Style | Value | DESC |
53
+
| ====== | :-----: | ===== | ===== |
54
+
|**OK**| int | 1 |[Succeeded](https://www.baidu.com)|
55
+
| ERROR | int | 0 ||
56
+
| ERROR || 0 ||
57
+
58
+
- Rowspan table (optional: tablesRowspan)
59
+
60
+
"^^" indicates cells being merged above.
61
+
62
+
| Return Code | Style | Value | DESC |
63
+
| ====== | :-----: | ===== | ===== |
64
+
| ^^ || 1 | [Succeeded](https://www.baidu.com) |
65
+
| ^^ || 0 ||
66
+
| ERROR | int | 0 ||
67
+
| ERROR || 0 ||
68
+
| ^^ || 0 ||
69
+
70
+
| Return Code | Style | Value | DESC |
71
+
| ====== | :-----: | ===== | ===== |
72
+
| ^^ || 1 |[Succeeded](https://www.baidu.com)|
73
+
| ^^ || 0 ||
74
+
| ERROR | int | 0 ||
75
+
| ERROR || 0 ||
76
+
| ^^ || 0 ||
77
+
78
+
- Headerless table (optional: tablesHeaderless)
79
+
80
+
Table header can be eliminated.
81
+
82
+
|--|--|--|--|--|--|--|--|
83
+
|♜| |♝|♛|♚|♝|♞|♜|
84
+
| |♟|♟|♟| |♟|♟|♟|
85
+
|♟| |♞| | | | | |
86
+
| |♗| | |♟| | | |
87
+
| | | | |♙| | | |
88
+
| | | | | |♘| | |
89
+
|♙|♙|♙|♙| |♙|♙|♙|
90
+
|♖|♘|♗|♕|♔| | |♖|
91
+
92
+
|--|--|--|--|--|--|--|--|
93
+
|♜||♝|♛|♚|♝|♞|♜|
94
+
||♟|♟|♟||♟|♟|♟|
95
+
|♟||♞||||||
96
+
||♗|||♟||||
97
+
|||||♙||||
98
+
||||||♘|||
99
+
|♙|♙|♙|♙||♙|♙|♙|
100
+
|♖|♘|♗|♕|♔|||♖|
101
+
27
102
## Markdown extension features
28
103
29
104
[TOC]
@@ -36,22 +111,104 @@ It's implemented sub-TOC in showdown-toc.js.
36
111
37
112
[TOC]
38
113
39
-
#### sub-TOC example
114
+
#### sub-TOC examples
40
115
41
116
[TOC]
42
117
43
118
##### sub-TOC examples1
44
119
120
+
###### sub examples1
121
+
45
122
##### sub-TOC examples2
46
123
124
+
###### sub examples2
125
+
47
126
### Footnotes
48
127
49
128
It's implemented in showdown-footnotes.js, use for reference the [showdown-footnotes](https://github.com/Kriegslustig/showdown-footnotes).
50
129
51
-
For example:
130
+
#### Markdown Syntax
131
+
132
+
[^1]: The explanation.
133
+
134
+
#### Footnotes examples
52
135
53
136
[^1]: The explanation.
54
137
138
+
### Container
139
+
140
+
It's implemented in showdown-container.js, allows you to create block level containers.
141
+
By default, The CSS effect with class name tip|info|warning|error|success|alert-tip|alert-info|alert-warning|alert-error|alert-success is implemented. And you can also customize the class name.
*`\\~...\\~` is delimiters of inline block ascii math
253
+
254
+
#### LaTex examples
75
255
76
256
```latex
77
257
x=\frac{ -b\pm\sqrt{ b^2-4ac } } {2a}
78
-
```
79
258
80
-
```asciimath {"align":"center"}
81
-
x = (-b +- sqrt(b^2-4ac)) / (2a)
259
+
x=\frac{ -b\pm\sqrt{ b^2-4ac } } {2a}
260
+
261
+
262
+
263
+
x=\frac{ -b\pm\sqrt{ b^2-4ac } } {2a}
82
264
```
83
265
84
266
```latex {"align":"right"}
85
267
x=\frac{ -b\pm\sqrt{ b^2-4ac } } {2a}
86
268
```
87
269
270
+
where:
271
+
272
+
*\\(\sqrt{ b^2-4ac }\\) is inline latex math
273
+
*\\[\sqrt{ b^2-4ac }\\] is inline latex block math
274
+
*$$\sqrt{ b^2-4ac }$$ is inline latex block math
275
+
276
+
#### AsciiMath examples
277
+
278
+
Internal heat energy:
279
+
280
+
```asciimath {"align":"center"}
281
+
delta Q = rho \ c \u
282
+
283
+
delta Q = rho \ c \u
284
+
285
+
delta Q = rho \ c \u
286
+
287
+
288
+
289
+
delta Q = rho \ c \u
290
+
```
291
+
292
+
where:
293
+
294
+
- @@delta Q@@ is the internal heat energy per unit volume \\~(J * m^-3)\\~
295
+
88
296
### Mermaid
89
297
90
298
It's implemented in showdown-mermaid.js, render diagrams of Flowchart or Sequence or Gantt using [mermaid](https://github.com/knsv/mermaid), check [mermaid doc](https://mermaidjs.github.io) for more information.
@@ -249,38 +457,6 @@ cond(yes)->io->e
249
457
cond(no)->sub1(right)->op1
250
458
```
251
459
252
-
### Network Sequence
253
-
254
-
It's implemented in showdown-sequence.js, render diagrams of sequence using [js-sequence-diagrams](https://github.com/bramp/js-sequence-diagrams).
255
-
256
-
#### Markdown Syntax
257
-
258
-
The \<theme name> of json's "theme" field value is "hand" or "simple" in syntax language attribute;
0 commit comments