# Editor.md! [](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png) ! [] (https://img.shields.io/github/stars/pandao/editor.md.svg) ![] (https://img.shields.io/github/forks/pandao/editor.md.svg) ![] (https://img.shields.io/github/tag/pandao/editor.md.svg) ![] (https://img.shields.io/github/release/pandao/editor.md.svg) ![] (https://img.shields.io/github/issues/pandao/editor.md.svg) ![](https://img.shields.io/bower/v/editor.md.svg)

Table of Contents **

[TOCM]

[TOC]
Copy the code

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1 link Heading link

Heading 2 link Heading link

Heading 3 link Heading link

Heading 4 link Heading link Heading link Heading link

Heading 5 link Heading link
Heading 6 link Heading link

Heading (underline form) Heading (underline)

This is an H1

This is an H2

Character effects and dashes

Strikeout Strikeout line (when identifying HTML tags is enabled) Italic Italic bold Bold Italic bold

Superscript: X2, subscript: O2

Abbreviation (same as THE HTML ABBR tag)

This is a shortened form of a longer word or phrase, provided that HTML tag recognition is enabled by default

The HTML specification is maintained by the W3C.

Reference Blockquotes

Quotes the text Blockquotes

The quotes are mixed with Blockquotes inside the line

Reference: If you want to insert a blank newline (

tag), type two or more Spaces at the insertion point and press Enter, plain link.

Anchors and Links

Common link

Normal links have titles

Direct link: github.com

The anchor link

mailto:[email protected]

GFM a-tail link @pandao email address automatic link [email protected] [email protected]

@pandao

Multi-language code highlighting Codes

Inline code Inline code

Run NPM install marked

Indented style

Indenting four Spaces is also used to implement a function similar to 

 Preformatted Text.
<? php echo "Hello world!" ; ? >Copy the code

Preformatted text:

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
Copy the code

JS code

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");
Copy the code

HTML codes HTML codes


      
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="Editor.md, Markdown, Editor" />
        <title>Hello world!</title>
        <style type="text/css">
            body{font-size:14px;color:# 444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff; }ul{list-style: none; }img{border:none;vertical-align: middle; }</style>
    </head>
    <body>
        <h1 class="text-xxl">Hello world!</h1>
        <p class="text-green">Plain text</p>
    </body>
</html>
Copy the code

Images Images

Image:

Follow your heart.

Photo: Xiamen Baicheng Beach

Image + Link:

Photo: The cover of Li Jian’s debut album “Time passes like a River”

A list of Lists

Unordered Lists (minus)

  • A list of
  • List two
  • List three

Unordered Lists (*)

  • A list of
  • List two
  • List three

Unordered Lists (+)

  • A list of
  • List two
    • List 2-1
    • List 2-2
    • List 2-3
  • List three
    • A list of
    • List two
    • List three

Ordered Lists (-)

  1. The first line
  2. The second line
  3. The third line

GFM task list

  • [x] GFM task list 1
  • [x] 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

Create table Tables

project The price The number of
The computer The $1600 5
Mobile phone $12 12
pipeline The $1 234
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!
Left-Aligned Center Aligned Right Aligned
col 3 is some wordy text The $1600
col 2 is centered $12
zebra stripes are neat The $1
Item Value
Computer The $1600
Phone $12
Pipe The $1

Special HTML Entities Codes

© & ¨ ™ £& < > ¥€® ± ¶ § anticipation « ·

X² Y³ ¾ ¼ × ÷ »

18 DHS C “‘

[= = = = = = = =]



### Emoji: Smiley

> Blockquotes :star:

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

- [x] :smiley: @mentions, :smiley: #refs, [links] (), **formatting**, and <del>tags</del> supported :editormd-logo:;
- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
- [x] [ ] :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](#);
 
Copy the code

The backslash Escape

*literal asterisks*

[= = = = = = = =]

Scientific formula TeX(KaTeX)


The formula in the line? E=mc^2? Inline formula, inline formula, okay? E=mc^2? Formula.




Multi-line formula:

\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
Copy the code
\displaystyle \frac{1}{ \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{ \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}}  { 1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }Copy the code
f(x) = \int_{-\infty}^\infty
    \hat f(\xi)\,e^{2 \pi i \xi x}
    \,d\xi
Copy the code

Page break Page break

Print Test: Ctrl + P

[= = = = = = = =]

Diagram flow diagram

St =>start: user logs in op=>operation: user logs in cond=>condition: user logs in successfully Yes or No? E =>end: Enter the background st->op->cond cond(yes)->e cond(no)->opCopy the code

[= = = = = = = =]

Draw the Sequence Diagram

Andrew->China: Says Hello 
Note right of China: China thinks\nabout it 
China-->Andrew: How are you? 
Andrew->>China: I am good thanks!
Copy the code

End