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;
事情紧急且重要 |
| |
也支持合并单元格 |
|
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 |
7、数学公式优化
应用户需求改为纯latex形式