Extended Commonmark
Last updated
Was this helpful?
Last updated
Was this helpful?
Direct Link is not common mark
fake@example.com
Support: PHP Markdown Extra 1.9.0, Markdown-it
Markdown Syntax: The "HTML" specification is maintained by the "W3C". *[HTML]: Hyper Text Markup Language *[W3C]: World Wide Web Consortium
HTML Syntax: The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.
Markdown Display:
The "HTML" specification is maintained by the "W3C". [HTML]: Hyper Text Markup Language [W3C]: World Wide Web Consortium
HTML Display:
The HTML specification is maintained by the W3C.
Support: kramdown
Notes:
we can set alignment in table with a colon (:
)
we can add formatting text, links, code and HTML character code, but not: heading, headings, blockquotes, lists, horizontal rules, images, HTML tags, or fenced code
Support: PHP Markdown Extra, GFM, Maruku, MultiMarkdown, kramdown, Parsedown markdown-it (plugin), showdown, marked
Syntaxes
HTML:
Showcases
Syntax
Description
Test Text is long
Title
Here's this is
Paragraph
Text
And more
HTML
Syntax
Description
Test Text is long
Title
Here's this is
Paragraph
Text
And more
Support: PHP Markdown Extra, Maruku , MultiMarkdown, Markdown-it
Markdown Syntax:
HTML Syntax:
Markdown Display:
Here's a simple footnote and here's a longer one, and
For example like this : code
or code in paragrahps code and codes
HTML Display:
### 2.4.2. Inline Footnote #1 Support: MultiMarkdown, Markdown Syntax: ```md Another example of footnote 1 link[^first] and footnote 2 link[^second]. ``` HTML Syntax: ```html
``` Markdown Display: Another example of footnote 1 link[^first] and footnote 2 link[^second]. HTML Display:
Support: Markdown-it
Markdown Syntax:
HTML Syntax:
Markdown Display:
Or to add inline footnote^[Text of inline footnote] definition.
HTML Display:
### 2.4.4. Duplicate Reference Support: PHP Markdown Extra, kramdown , MultiMarkdown, Markdown-it Markdown Syntax: ```md This is a duplicated footnote[^b]. This duplicated footnote reference[^b]. [^b]: Another footnote text. ``` HTML Syntax Kramdown Style: ```html
``` HTML Syntax Markdown-it: ```
``` Markdown Display: This is a duplicated footnote[^b]. This duplicated footnote reference[^b]. [^b]: Another footnote text. HTML Display Style Kramdown:
HTML Display Style Markdown-it:
--- ## 2.4. Strikethrough, Highlighting, Underline ### 2.4.1 Strikethrough Support: marked, RDiscount, Fatdown, Parsedown, GFM, showdown, markdown-it Markdown Syntax ``` ~~strikethrough~~ ``` HTML Syntax: ```html
strikethrough
strikethrough ``` Markdown Display: ~~strikethrough~~ HTML Display: strikethrough
strikethrough
Support: markdown-it Markdown Syntax:
HTML Syntax:
Markdown Display:
==marked text==
HTML Display:
marked text
Support: - (no markdown)
Markdown Syntax
HTML Syntax
Markdown Display:
++underline++
HTML Display:
underline underline
Support: marked, showdown, markdown-it
Markdown Syntax:
HTML Display Style 1:
HTML Display Style 1:
Markdown Display:
HTML Display Style 1
Write the press release
Update the website
Contact the media
HTML Display Style 2
Write the press release
Update the website
Contact the media
Support: karmdown, banyak
Markdown Syntax:
HTML Syntax:
Markdown Display:
First Term : This is the definition of the first term.
Second Term : This is one definition of the second term. : This is another definition of the second term.
HTML Display:
First TermThis is the definition of the first term.Second TermThis is one definition of the second term.This is another definition of the second term.
Markdown Syntax
HTML Syntax
Markdown Display
Gone camping! ⛺ Be back soon. That is so funny! 😂
HTML Display
Gone camping! ⛺ Be back soon. That is so funny! 😂
Support: markdown-it
Markdown Syntax:
HTML Syntax:
Markdown Display
Gone camping! :tent: Be back soon. That is so funny! :joy:
Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
Shortcuts (emoticons): :-) :-( 8-) ;)
HTML Display
Gone camping! ⛺️ Be back soon. That is so funny! 😂
Classic markup: 😉 :crush: 😢 :tear: 😆 😋
Shortcuts (emoticons): 😃 😦 😎 😉
--- ## 2.9. Typographic replacements Support: markdown-it, Fatdown Markdown Syntax ```md (c) (C) (r) (R) (tm) (TM) (p) (P) +- test.. test... test..... test?..... test!.... !!!!!! ???? ,, -- --- "Smartypants, double quotes" and 'single quotes' ``` HTML Syntax: ```html
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“Double quotes” and ‘single quotes’ ``` Markdown Display (c) (C) (r) (R) (tm) (TM) (p) (P) +- test.. test... test..... test?..... test!.... !!!!!! ???? ,, -- --- "Smartypants, double quotes" and 'single quotes' HTML Display
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“Double quotes” and ‘single quotes’
Support; MultiMarkdown, Fatdown, Markdown-it
Markdown x^2^
HTML:
x2
Example Subscript Markdwon H~2~O
In HTML:
H2O
Support: Maruku (math)
Inline Einstein Equations $E=mc^2$ and Gamma Function $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
Outline equations
Support: Markdown-t, marked,Parsedown , GFM, Fatdown, showdown
**Markdown;
fake@example.com
HTML:
Support: Markdown-it, Maruku MultiMarkdown
Notes:
We can make block code fences without need to be idented
lang
is optional to specify the language of the code; if not specified, the app won't highlight the code;
We need one empty line before
Syntaxes
This is a fenced code block.
Showcases (python
)
Showcases (ruby
)
Support: Markdown Extra , Maruku, kramdown Pandoc
Markdown:
Markdown
In HTML:
Support: kramdown, Markdown Extra
Markdown:
A nice blockquote {: #with-an-id}
HTML:
A nice blockquote
Support : Pandoc
So, to link to a heading
# Heading identifiers in HTML
you can simply write
[Heading identifiers in HTML]
or
[Heading identifiers in HTML][]
Support: pandocs
Kramdown
Markdown Extra
Pandoc
Definition Lists
✅
✅
✅
Table
✅
✅
Attributes
✅
✅
✅
Footnote
✅
✅
Abbreviation
✅
✅
Code Fencing
✅
✅
Task Lists
✅
Image Dimension
Mention
Strikethrough
Emoji
Specifying size of image is supported only in some extended markdown (such as markdown-it).
Syntaxes
Showcases
Support:
Markdown item bold red{style="color:red"} HTML:
in HTML: item bold red
Here’s a simple footnote and here’s a longer one, and
This is the first footnote.
Here’s one with multiple paragraphs. For example like this
code
or code in paragrahps code and codes
Another example of footnote 1 link and footnote 2 link.
first
second
Another example of footnote 1 link and footnote 2 link.
first
second
Or to add inline footnote definition.
Text of inline footnote
This is a duplicated footnote. This duplicated footnote reference.
Another footnote text.
This is a duplicated footnote. This duplicated footnote reference.
Another footnote text.
This is a duplicated footnote. This duplicated footnote reference.
Another footnote text.
This is a duplicated footnote. This duplicated footnote reference.
Another footnote text.

Link to
