文字

为了确保编辑功能的完整体验,请尽量避免使用包括IE和Edge在内的浏览器进行在线编辑。

看云使用了独立开发的MarkDown编辑器,其语法规范兼容标准的MarkDown语法,基本用法介绍如下:

H1~H6

选中内容后按编辑器工具栏上的 2015-08-05/55c1e94595c3a 或者使用 CTRL+1 ~ CTRL+6 快捷键。 示例效果:

# H1文字
## H2文字
### H3文字
#### H4文字
##### H5文字
###### H6文字

2015-05-19/555b342f727ca

粗体

选择内容后按编辑器工具栏上的 2015-08-05/55c1e96ca18b2 或者使用 CTRL+B 快捷键。
示例效果:

**粗体内容**

粗体内容

斜体

选择内容后按编辑器工具栏上的 2015-08-05/55c1e9959a2bf 或者使用 CTRL+I 快捷键。
示例效果:

_斜体内容_

斜体内容

无序列表

选择多行内容后按编辑器工具栏上的 2015-08-05/55c1e9ae9d09a 或者使用 CTRL+U 快捷键。
示例效果:

* 列表项1
* 列表项2
* 列表项3
* 列表项4
  • 列表项1
  • 列表项2
  • 列表项3
  • 列表项4

支持使用多级列表:

* 列表项1
* 列表项2
 * 子列表项1
 * 子列表项2
  • 列表项1
  • 列表项2
    • 子列表项1
    • 子列表项2

有序列表

选择多行内容后按编辑器工具栏上的 2015-08-05/55c1e9db179a4 或者使用 CTRL+O 快捷键。
示例效果:

1. 列表项1
2. 列表项2
3. 列表项3
4. 列表项4
  1. 列表项1
  2. 列表项2
  3. 列表项3
  4. 列表项4

支持使用多级列表:

1. 列表项1
2. 列表项2
 1. 子列表项1
 2. 子列表项2
  1. 列表项1
  2. 列表项2
    1. 子列表项1
    2. 子列表项2

链接

选择要添加链接的内容后按编辑器工具栏上的 2015-08-05/55c1e9ffa3662 或者使用 CTRL+L 快捷键。
示例效果:

[链接文字](http://www.kancloud.cn)

链接文字

还有一种简单的方式可以直接输入一个规范的链接地址,会自动识别为链接,而无需使用markdown链接规范。

看云的网址是:http://www.kancloud.cn

看云的网址是:http://www.kancloud.cn

网址前后加上空格可以避免混淆

上述写法中链接地址中不能含有括号,如果你的链接地址中带有括号的话,可以使用下面的方式:

[链接文字] [1]

这里可以添加任何内容

然后在页面的任意位置添加如下:

[1]: http://www.kancloud.cn/test_(addd)

如果要添加内链地址,可以直接把链接地址写成版本库的文件地址,例如:

[写作规范](写作规范.md)

写作规范

支持直接拖动左边的目录当当前页面的光标位置直接插入。

图片

有二种方式可以添加图片:

  1. 点击编辑器工具栏上的 2015-08-05/55c1ea19dad94 或者使用 CTRL+G 快捷键 弹出文件上传选择框后点击上传需要的图片文件即可。

  2. 复制网页上的图片或者直接截屏操作后在编辑器中进行粘贴操作,图片也会自动上传到当前光标位置显示,如果你选择了某段文字后粘贴的话,该段内容会作为图片的ALT信息显示。

所以,在创作文档的时候,你可以根据你的需要采用不同的方式上传图片。

关于设置图片大小:默认图片是自适应显示的,如果需要设置图片文件的大小可以使用

![](https://box.kancloud.cn/36b63669cdf9a2879646b217dba405ef_100x100.png)
![](https://box.kancloud.cn/36b63669cdf9a2879646b217dba405ef_100x100.png =50x50)

示例:


如果上传了非图片文件,将无法显示

代码

选择代码段落后后按编辑器工具栏上的 2015-08-05/55c1ea2e26f49 或者使用 CTRL+D 快捷键。

示例效果:

单行代码 `define('APP_DEBUG',      false);`

单行代码 define('APP_DEBUG', false);

多行代码:

// 系统常量定义
defined('THINK_PATH') or define('THINK_PATH', DIR.'/');
defined('APP_PATH') or define('APP_PATH', dirname($_SERVER['SCRIPT_FILENAME']).'/');
defined('APP_STATUS') or define('APP_STATUS', ''); // 应用状态 加载对应的配置文件
defined('APP_DEBUG') or define('APP_DEBUG', false); // 是否调试模式

注意:多行代码标签前面不能有空白,后面必须换行。

多行代码:

// 系统常量定义
defined('THINK_PATH')   or define('THINK_PATH',     __DIR__.'/');
defined('APP_PATH')     or define('APP_PATH',       dirname($_SERVER['SCRIPT_FILENAME']).'/');
defined('APP_STATUS')   or define('APP_STATUS',     ''); // 应用状态 加载对应的配置文件
defined('APP_DEBUG')    or define('APP_DEBUG',      false); // 是否调试模式

系统的快捷键操作如果选择的是单行就是单行代码效果,如果选择多行就自动采用多行代码显示。

分割线

点击编辑器工具栏上的 2015-08-05/55c1ea5c22121 或者使用 CTRL+H 用于插入一条分割线。

示例效果:

* * * * *

引用

选择内容后按编辑器工具栏上的 2015-08-05/55c1ea7018e7c 或者使用 CTRL+Q 快捷键。

示例效果:

> 这是一段引用内容文字  
> 这是第二行引用内容文字  
> 这是第三行引用内容文字 

这是一段引用内容文字
这是第二行引用内容文字
这是第三行引用内容文字

在引用内容中还可以使用部分其他的格式,例如:

> 这是一段引用内容文字 **粗体内容**   
> 这是第二行引用内容文字  _斜体内容_  
> 这是第三行引用内容文字  `单行代码`  
> [这是一个链接](http://www.kancloud.cn) 

这是一段引用内容文字 粗体内容
这是第二行引用内容文字 斜体内容
这是第三行引用内容文字 单行代码
这是一个链接

多级引用支持,例如:

> 一级引用  
>> 二级引用

一级引用

二级引用

引用样式支持

可以通过引用样式对引用内容进行特别的强调,目前支持四种引用样式,分别是:

info:

>[info] 这里是**提示信息**
>通常用于一些提醒事项

这里是提示信息
通常用于一些提醒事项

warning:

>[warning] 这里是**警告信息**
>通常用于一些警告事项

这里是警告信息
通常用于一些警告事项

success:

>[success] 这里是**成功信息**
>通常用于一些成功提示

这里是成功信息
通常用于一些成功提示

danger:

>[danger] 这里是**危险信息**
>需要引起特别的注意

这里是危险信息
需要引起特别的注意

表格

点击工具栏上的 2015-08-05/55c1ea8a7032e 按钮输入表格的行列数然后手动插入表格的单元项。

document/2015-09-18/55fb6333abebe

示例效果:

| 编号 | 产品 | 描述 |
|---|---|---|
| 1 | ThinkPHP  | 开源WEB应用框架  | 
| 2 | OneThink  | 开源内容管理框架   | 
| 3 | 看云  | 文档托管平台   | 
编号 产品 描述
1 ThinkPHP 开源WEB应用框架
2 OneThink 开源内容管理框架
3 看云 文档托管平台

支持对单元列设置对齐方式,例如:

| 编号(居右对齐) | 产品(居中对齐) | 描述(居左对齐) |
| ---: | :---: | :--- |
| 1 | ThinkPHP  | 开源WEB应用框架  | 
| 2 | OneThink  | 开源内容管理框架   | 
| 3 | 看云  | 文档托管平台   | 
编号(居右对齐) 产品(居中对齐) 描述(居左对齐)
1 ThinkPHP 开源WEB应用框架
2 OneThink 开源内容管理框架
3 看云 文档托管平台

也可以支持没有表头的表格,例如:

|  |  |  |
|--------|--------|--------|
| 1 | ThinkPHP  | 开源WEB应用框架  | 
| 2 | OneThink  | 开源内容管理框架   | 
| 3 | 看云  | 文档托管平台   | 
1 ThinkPHP 开源WEB应用框架
2 OneThink 开源内容管理框架
3 看云 文档托管平台

注:markdown规范不支持复杂的表格,如果需要,可以自行粘贴表格的HTML代码,可以直接显示。

数学公式

看云支持在内容中插入数学公式,但需要设置使用tex插件,在编辑模式下面打开右上角的文档设置,添加如下设置:

{
    "plugins":["tex"]
}

配置保存后,刷新页面会在工具栏看到一个新的 document/2015-10-06/56137ee4285fa 按钮,点击该按钮会弹出:

document/2015-10-06/56137f0ddff8c

可以快捷的输入常用公式、符号和字母。

document/2015-10-06/56137fe7ec5d8

document/2015-10-06/56137fd64b06a

当然,你也可以直接在编辑区输入公式定义,例如:

单行公式:$$c = \pm\sqrt{a^2 + b^2}$$

支持多行的写法 多行的公式会居中显示 如:

$$
f(x) = \int_{-\infty}^\infty 
\hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi
$$

上面的公式定义实际效果如图:

document/2015-10-05/56126f27bd91b

转义符

如果你需要输入一些特殊的符合,但又不希望被用于Markdown标签解析,那么可以使用转义符,Markdown支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

例如:

\*看云文档托管平台\*
\_看云文档托管平台\_
\#\# 看云文档托管平台

*看云文档托管平台*
_看云文档托管平台_
## 看云文档托管平台

HTML粘贴

允许在编辑器中直接插入拷贝的HTML内容,点击编辑器工具栏上的 2015-08-05/55c1eab4928b8 会弹出

2015-07-04/5597f0e8bded1

把HTML内容粘贴过来后 点击确定。

如果HTML内容中的图片需要本地化保存的话,还可以先点击图片本地化按钮进行保存,然后再点击确定按钮。

目录导航

可以在当前内容中插入(当前内容页的)目录导航,点击编辑器工具栏上的 2015-08-05/55c1ee7c99702 按钮会在光标位置插入 [TOC] ,在右侧预览区就可以看到会自动提取当前内容的目录结构。

注意:[TOC] 后面必须增加一个空行才能正确显示目录结构。

默认情况下 [TOC] 在页面解析的时候会自动提取当前页面中的所有H1~H6的内容作为目录展示(包含层次关系),如图所示:

document/2015-09-08/55eeba371284a

如果你希望定制目录的层级显示,例如只希望提取部分内容作为目录显示,可以使用:

[TOC=2]  // 提取H1到H2的内容显示
[TOC=3]  // 提取H1到H3的内容显示
[TOC=2,3]  // 提取H2到H3的内容显示

撤销和重做

在编辑内容的过程中可以使用CTRL+ZCTRL+Y快捷键或者点击编辑器工具栏上的 document/2015-08-19/55d45a4e1a54a 进行撤销和重做操作。

内容预览

在编辑内容的过程中默认是自动实时预览的,可以随时使用编辑器工具栏上的 2015-08-05/55c1ead6dcfa0 关闭/开启实时预览。

全文预览

点击右上角的全文预览按钮 可以进行和最终阅读效果一致的全文预览。

保存内容

在编辑过程中如果需要保存内容,可以随时点击编辑器工具栏上的 2015-08-05/55c1eaf2e92fa 或者使用 CTRL+S 快捷键。 默认情况下该按钮呈灰色状态,当有内容更新后,会自动显示为 2015-08-05/55c1eb4139a60 说明这个时候可以进行保存操作。

上一篇: 下一篇:
  页面正在加载中