新版编辑器使用说明 _使用说明

逆水行舟用力撑，一篙松劲退千寻。这篇文章主要讲述新版编辑器使用说明相关的知识，希望能为你提供帮助。
HI~各位尊敬的51CTO博主们大家好~
我是可耐的51CTO小助手；
为了更好的迎合作者需要，我们于9月18日更新了一版编辑器；
功能更加完善，使用更加便捷！
下面是产品小哥哥梳理出来的更新文档，大家一起来看看吧~
有什么问题也可以在评论区指明哦~
1、目录功能优化根据用户设定的标题来自动获取目录，并展示相应目录层级；

用户可通过上顶部的工具栏设置标题（H2~H6）也可以通过输入【（n×#）+??Space??】来形成标题，WuKong编辑器可根据其标题层级来识别成为目录；

?
2、表格插入优化在表格内部支持更多的排版样式操作，支持在表格插入状态（可作为甘特图，标注事件优先级）、代码片、图片等功能；

?2.1本次表格支持更加丰富的样式与形式，可以通过点击顶部工具栏的icon来选择创建一个表格。也可以通过【??Ctrl(Command)+/??】选择并创建表格，也支持通过【??Ctrl(Command)+/biaoge??、???Ctrl(Command)+/table??】来创建；表格内部支持插入图片、代码片等形式内容；
?
2.2也可以通过在表格内插入状态来形成一个List/TimeLine/Board；

事情紧急且重要P1	文章图片	这是一个重要的事；这同样也是一个重要的事；这是一个重要的事；这同样也是一个重要的事；
【新版编辑器使用说明】也支持合并单元格		这是一个重要的事；这同样也是一个重要的事；这是一个重要的事；这同样也是一个重要的事；

3、代码片插入与编辑优化

?3.1本次更新代码片支持更加丰富的语言与更加便捷的操作，可以通过点击顶部工具栏的icon来插入一个代码片。
也可以通过【???Ctrl(Command)+/??】选择并插入；
?
也支持通过【??Ctrl(Command)+/code??、??Ctrl(Command)+/daima??】来创建；
创建后根据自己所创建的语言来选择代码；3.2然后在代码块里填入你的代码即可，如 Node.js 的 Hello World 代码：?

const http = require(\'http\');

const server = http.createServer((req, res) => {
res.end();
});
server.on(\'clientError\', (err, socket) => {
socket.end(\'HTTP/1.1 400 Bad Request\\r\\n\\r\\n\');
});
server.listen(8000);

3.3如果需要使用行内代码，可以点击工具栏选择??行内代码??

文章图片

4、图片插入与编辑优化

4.1如要你要在文章内插入图片，可以选择在顶部工具栏插入中选择“图片icon”，还支持直接将图片拖入到WuKong编辑器，或将图片直接复制到编辑器中，这样也可以直接上传图片。

4.2同时支持以下快捷键（支持中文，拼音和英文别名）
?
??Ctrl(Command)+/图片??

??Ctrl(Command)+/tupian??

4.3上传完毕后，图片就会自动显示在文档中。点击选中图片，可以图片进行各种操作。鼠标拖动图片右下角，还可以调节图片的长宽。

文章图片

?图片支持上传GIF、JPG、PNG等形式，图片上传有大小限制，当值支持用户上传小于1.9M的图片；

?
5、上角标、下角标与行内代码片

文章图片

6、支持MD写法以及快捷键便捷优化?

类目	功能	macOS 快捷键	Windows / Linux 快捷键
格式	粗体	?+B	Ctrl+B
	斜体	?+I	Ctrl+I
	下划线	?+U	Ctrl+U
	~~删除线~~	?+Shift+X	Ctrl+Shift+X
	??链接??	?+K	Ctrl+K
	标题1	?+Opt+Num	Ctrl+Alt+Num
插入	插入卡片	?+/ 拼音，英文别名	Ctrl+/ 拼音，英文别名
Markdown	标题	（n×#） Space
	有序列表	1. Space
	无序列表	* Space
	引用	> Space
	代码块	```Enter
	分割线	--- Enter
	粗体	粗体Space
	斜体	_斜体_Space
	~~删除线~~	~~删除线~~Space
	?`?代码?`?	`Code`Space
	上标2	^th^Space
	下标2	~2~Space
	高亮	==高亮==Space
	??链接??	[标题](URL)Space