This article shows the Markdown rendering effect of Github, this address is the rendering effect of Craft Web client, you can see the difference between the two is still quite obvious.
TITLES
Title
Subtitle
Heading
CONTENT
Strong
Body
Caption
GROUPS
Page
This is an empty page!
Card
This is an empty Card!
TEXT STYLE
Bold
Italic
Strike
InlineCode
- Todo
Toggle
-
Unorderlist One
-
Unorderlist Two
-
Orderlist One
-
Orderlist Two
Align Left
Align Center
Align Right
This is a sentence with an indent
DECORATIONS
Decorations Focus
Decorations Block
INSERT BLOCK
Plain Text
| Table | |
|---|---|
1
2
3
// Code Block with Javascript language
let CodeBlock = "Hello Craft!";
1
The Formula
Devide👇🏻
NESTING
Decoration Focus & Block
-
Decoration Focus & List
-
Decoration Block & List
…too many to show
What I Think？
Important part:
-
The Decoration，no matter Focus or Block should converted to
blockquotein markdown syntax. -
The Caption, there is no corresponding markdown syntax, just render as Body, not H5.
-
The CodeBlock, should take the language like ```javascript.
-
The nesting List, not the flat list!
Not important part:
-
The Align, ignore it.
-
The Indent, ignore it.
-
The formula, emmmm ignore it.
What I Plan to do?
I will create a npm package to convert Craft data to Github Markdow correctly 🤪.
