【iTools】CSDN 的在线 Markdown 编辑器

Update 2018-09-17

新版 CSDN Markdown 编辑器上线公告（Alpha 2.0）, 新更新的界面更美观了.

Pros

• 支持图片拖拽上传
• 支持剪贴板图片上传, 虽然 Windows 的还在开发中.

Cons

• $\text{LATEX}$ 编译插件由 MathJax 转为 KateX

---

CSDN 的 在线 Markdown 编辑器很强大，准备切换成 Markdown 写作。

• Markdown 和扩展 Markdown 的 简洁语法
• 丰富的快捷键
• LaTex数学公式
• UML序列图和流程图

Markdown 及扩展 语法

基本语法不再赘述，说几个有意思的。

目录

语法：

@[toc]

效果：

脚注

语法：

这里要加一个脚注[^footnote]
OOXXOOXXOOXX
[^footnote]:这里是脚注的内容.

效果：

这里要加一个脚注¹
OOXXOOXXOOXX

列表

语法

| 项目      |    价格 | 数量  |
| :-------- | --------:| :--: |
| Computer  | 1600 元 |  5   |
| Phone     |   12 元 |  12  |
| Pipe      |    1 元 | 234  |

效果

项目	价格	数量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

快捷键操作

• 加粗 Ctrl + B
• 斜体 Ctrl + I
• 引用 Ctrl + Q
• 插入链接 Ctrl + L
• 插入代码 Ctrl + K
• 插入图片 Ctrl + G
• 提升标题 Ctrl + H
• 有序列表 Ctrl + O
• 无序列表 Ctrl + U
• 横线 Ctrl + R
• 撤销 Ctrl + Z
• 重做 Ctrl + Y

LaTex数学公式

使用MathJax渲染LaTex 数学公式，详细语法教程看 使用 LaTex 编辑数学公式

代码：

 - 行内公式，数学公式为：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
 - 块级公式：
 $$	x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

效果：

• 行内公式，数学公式为：$\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$。
• 块级公式：

$$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$$

UML序列图和流程图

代码：

` ` ` sequence
张三->李四: 嘿，小四儿, 写博客了没?
Note right of 李四: 李四愣了一下，说：
李四–>张三: 忙得吐血，哪有时间写。
` ` `

效果：

张三 李四 嘿，小四儿, 写博客了没? 李四愣了一下，说 ： 忙得吐血，哪有时间写。 张三 李四

或者流程图：
流程图经试用，仅适用于顺序流简单场景，如果条件复杂（有两个及以上 condition 分支），则可能混乱不清
代码：

` ` ` flow
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op
` ` `

效果：

Created with Raphaël 2.2.0 开始 我的操作 确认？ 结束 yes no

• 关于 序列图 语法，参考 这儿,
• 关于 流程图 语法，参考 这儿.

Tricks

• 怎么去除插入图片的水印

---

---

1. 这里是脚注的内容. ↩︎