在线markdown源码php,在线 MarkDown 编辑器 - Online MarkDown Editor - 孟坤工具箱

[锚点链接][anchor-id]

[anchor-id]: http://www.this-anchor-link.com/

[mailto:[e-mail]](mailto:[e-mail])

GFM a-tail link @pandao 邮箱地址自动链接 [e-mail] [e-mail]

> @pandao

### 多语言代码高亮 Codes

#### 行内代码 Inline code

执行命令：`npm install marked`

#### 缩进风格

即缩进四个空格，也做为实现类似 `` 预格式化文本 ( Preformatted Text ) 的功能。

预格式化文本：

| First Header | Second Header |

| ------------- | ------------- |

| Content Cell | Content Cell |

| Content Cell | Content Cell |

#### JS代码

```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 代码 HTML codes

```html

Hello world!

Hello world!

Plain text

```

### 图片 Images

Image:


> Follow your heart.


> 图为：厦门白城沙滩

图片加链接 (Image + Link)：

[](https://pandao.github.io/editor.md/images/7.jpg "李健首张专辑《似水流年》封面")

> 图为：李健首张专辑《似水流年》封面

----

### 列表 Lists

#### 无序列表(减号)Unordered Lists (-)

- 列表一

- 列表二

- 列表三

#### 无序列表(星号)Unordered Lists (*)

* 列表一

* 列表二

* 列表三

#### 无序列表(加号和嵌套)Unordered Lists (+)

+ 列表一

+ 列表二

+ 列表二-1

+ 列表二-2

+ 列表二-3

+ 列表三

* 列表一

* 列表二

* 列表三

#### 有序列表 Ordered Lists (-)

1. 第一行

2. 第二行

3. 第三行

#### 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

----

### 绘制表格 Tables

| 项目 | 价格 | 数量 |

| -------- | -----: | :----: |

| 计算机 | $1600 | 5 |

| 手机 | $12 | 12 |

| 管线 | $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 | $1600 |

| col 2 is | centered | $12 |

| zebra stripes | are neat | $1 |

| Item | Value |

| --------- | -----:|

| Computer | $1600 |

| Phone | $12 |

| Pipe | $1 |

----

#### 特殊符号 HTML Entities Codes

© & ¨ ™ ¡ £

& < > ¥ € ® ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

[========]

#### 反斜杠 Escape

\*literal asterisks\*

[========]

### 科学公式 TeX(KaTeX)

$$E=mc^2$$

行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。

$$x > y$$

$$\(\sqrt{3x-1}+(1+x)^2\)$$

$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

多行公式：

```math

\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)

```

```katex

\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} }

}

}

```

```latex

f(x) = \int_{-\infty}^\infty

\hat f(\xi)\,e^{2 \pi i \xi x}

\,d\xi

```

### 分页符 Page break

> Print Test: Ctrl + P

[========]

### 绘制流程图 Flowchart

```flow

st=>start: 用户登陆

op=>operation: 登陆操作

cond=>condition: 登陆成功 Yes or No?

e=>end: 进入后台

st->op->cond

cond(yes)->e

cond(no)->op

```

[========]

### 绘制序列图 Sequence Diagram

```seq

Andrew->China: Says Hello

Note right of China: China thinks\nabout it

China-->Andrew: How are you?

Andrew->>China: I am good thanks!

```

### End