Blockquotes

Blockquotes

Paragraphs and Line Breaks

“Blockquotes Blockquotes”, Link

Code Blocks (multi-language) & highlighting

Inline code

$ npm install marked

Code Blocks (Indented style)

Indented 4 spaces, like <pre> (Preformatted Text).

<?php
echo "Hello world!";
?>

Code Blocks (Preformatted text):

| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |

Javascript 

function test(){
console.log("Hello world!");
}
(function(){
var box = function(){
return box.fn.init();
};
box.prototype = box.fn = {
init : function(){
console.log('box.init()');
return this;
},
add : function(str){
alert("add", str);
return this;
},
remove : function(str){
alert("remove", str);
return this;
}
};
box.fn.init.prototype = box.fn;
window.box =box;
})();
var testBox = box();
testBox.add("jQuery").remove("jQuery");

HTML code

<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<title>Hello world!</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>

Images

Image:

Follow your heart.


Lists

Unordered list (-)

Unordered list (*)

Unordered list (plus sign and nested)

Ordered list

  1. Item A
  2. Item B
  3. Item C

Tables

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
Function name Description
help() Display the help window.
destroy() Destroy your computer!
Item Value
Computer $1600
Phone $12
Pipe $1
Left-Aligned Center Aligned Right Aligned
col 3 is some wordy text $1600
col 2 is centered $12
zebra stripes are neat $1

HTML entities

© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

Escaping for Special Characters

*literal asterisks*

Markdown extras

GFM task list

GFM task list 1
GFM task list 2
GFM task list 3
GFM task list 3-1
GFM task list 3-2
GFM task list 3-3
GFM task list 4
GFM task list 4-1
GFM task list 4-2

Emoji mixed :smiley:

Blockquotes :star:

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

:smiley: @mentions, :smiley: #refs, links, formatting, and tags supported :editormd-logo:;
list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
[ ] :smiley: this is a complete item :smiley:;
[]this is an incomplete item test link :fa-star: @pandao;
[ ]this is an incomplete item :fa-star: :fa-gear:;
:smiley: this is an incomplete item test link :fa-star: :fa-gear:;
:smiley: this is :fa-star: :fa-gear: an incomplete item test link;

TeX(LaTeX)

Inline

Inline,Inline
Inline。

FlowChart

Sequence Diagram

1.Andrew->China: Says Hello
2.Note right of China: China thinks\nabout it
3.China-->Andrew: How are you?
4.Andrew->>China: I am good thanks!

End