CSDN-markdown编辑器简介
本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:
- Markdown和扩展Markdown简洁的语法
- 代码块高亮
- 图片链接和图片上传
- LaTex数学公式
- UML序列图和流程图
- 离线写博客
- 导入导出Markdown文件
- 丰富的快捷键
快捷键
- 加粗
Ctrl + B
- 斜体
Ctrl + I
- 引用
Ctrl + Q
- 插入链接
Ctrl + L
- 插入代码
Ctrl + K
- 插入图片
Ctrl + G
- 提升标题
Ctrl + H
- 有序列表
Ctrl + O
- 无序列表
Ctrl + U
- 横线
Ctrl + R
- 撤销
Ctrl + Z
- 重做
Ctrl + Y
标题"#"
一个#号是一级标题,1到6及
#一级标题
######六级标题
列表
1.无序列表
样式:
+ 列表文本前使用 [减号+空格]
- 列表文本前使用 [加号+空格]
* 列表文本前使用 [星号+空格]
- 列表文本前使用 [减号+空格]
- 列表文本前使用 [加号+空格]
- 列表文本前使用 [星号+空格]
2.有序列表
样式:
1. 列表前使用 [数字+空格]
2. 我们会自动帮你添加数字
8. 不用担心数字不对,显示的时候我们会自动把这行的 8 纠正为 3
- 列表前使用 [数字+空格]
- 我们会自动帮你添加数字
- 不用担心数字不对,显示的时候我们会自动把这行的 8 纠正为 3
链接和图片
网络链接格式:
[显示文本](链接地址)
彭大娟
网络图片链接格式:
[外链图片转存失败(img-ioYEAZFB-1568944976389)(图片链接地址)]
本地图片直接拖进来会自动生成
引用别人的文章
>跟上引用的文章
世界于你而言,无意义无目的,却又充满随心所欲的幻想,但又有谁知,也许就在这闷热令人疲倦的正午,那个陌生人,提着满篮奇妙的货物,路过你的门前,他响亮地叫卖着,你就会从朦胧中惊醒,走出房门,迎接命运的安排。
字体,颜色,背景设置
**粗体**
粗体
*斜体*
斜体
<font face="黑体">黑体字示例</font>
<font face="微软雅黑">微软雅黑示例</font>
<font face="STCAIYUN">华文彩云示例</font>
<font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font>
<font color=red size=5>color=#00ffff</font>
<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值:#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值:#FF83FA</td></tr></table>
黑体字示例
微软雅黑示例
华文彩云示例
color=#0099ff size=6 face=“黑体”
color=#00ffff
背景色的设置是按照十六进制颜色值:#7FFFD4 |
背景色的设置是按照十六进制颜色值:#FF83FA |
[self resetNavgationFrameWithHiddenLeftTitle:YES];
多行引用两个"```"分别在首行和末行
switch (self.selectedType) {
case 0:
[self handleStockCustomerSelectDataWithSelectLeftArray:seleLeftArray andSelerRightArray:selectRightArray];
break;
case 1:
[self handleIncomeSelectDataWithSelectLeftArray:seleLeftArray andSelerRightArray:selectRightArray andSelectTimeDict:selectTimeDict];
break;
case 2:
[self handleAccountingSelectDataWithSelectLeftArray:seleLeftArray andSelerRightArray:selectRightArray andSelectTimeDict:selectTimeDict];
if ([@"root" isEqualToString:self.exePersonId]) {
UIAlertView * alertV = [[UIAlertView alloc]initWithTitle:@"提示" message:@"请选择上海市公司以下级别的数据!" delegate:nil cancelButtonTitle:@"关闭" otherButtonTitles:nil, nil];
[alertV show];
return;
}
break;
case 3:
[self handleSignSelectDataWithSelectLeftArray:seleLeftArray andSelerRightArray:selectRightArray andSelectTimeDict:selectTimeDict];
break;
case 4:
[self handleStockBusinessSelectDataWithSelectLeftArray:seleLeftArray andSelerRightArray:selectRightArray andSingleArray:singleArray SelectTimeArray:timeArray];
break;
case 5:
[self handleEarlyWarningSelectDataWithSelectLeftArray:seleLeftArray andSelerRightArray:selectRightArray SelectTimeArray:timeArray];
break;
default:
break;
}
表格
Markdown Extra 表格语法:
项目 | 价格
-------- | ---
Computer | $1600
Phone | $12
Pipe | $1
项目 | 价格 |
---|---|
Computer | $1600 |
Phone | $12 |
Pipe | $1 |
可以使用冒号来定义对齐方式:
| 项目 | 价格 | 数量 |
| :-------- | --------:| :--: |
| Computer | 1600 元 | 5 |
| Phone | 12 元 | 12 |
| Pipe | 1 元 | 234 |
项目 | 价格 | 数量 |
---|---|---|
Computer | 1600 元 | 5 |
Phone | 12 元 | 12 |
Pipe | 1 元 | 234 |
定义列表
Markdown Extra 定义列表语法:
项目1
项目2
: 定义 A
: 定义 B
项目3
: 定义 C
: 定义 D
> 定义D内容
项目1
项目2
: 定义 A
: 定义 B
-
项目3
-
定义 C
-
定义 D
定义D内容
脚注
生成一个脚注[^footnote].
[^footnote]: **脚注1的内容**.
生成二个脚注[^footnote].
[^footnote]: **脚注2的内容**.
生成三个脚注[^footnote].
[^footnote]: **脚注3的内容**.
生成一个脚注1.
生成二个脚注1.
生成三个脚注1.
目录
用 [TOC]
来生成目录:
会自动根据"#"生成目录
数学公式
使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.
- 行内公式,数学公式为:$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
- 行内公式,数学公式为: Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N。
- 块级公式:
$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
- 块级公式:
x = − b ± b 2 − 4 a c 2 a x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} x=2a−b±b2−4ac
更多LaTex语法请参考 这儿.
UML 图:
可以渲染序列图:
或者流程图:
Markdown及扩展
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]
使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。
本编辑器支持 Markdown Extra , 扩展了很多好用的功能。具体请参考Github.
离线写博客
即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。
用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。
博客发表后,本地缓存将被删除。
用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。
**注意:**虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱。