可视化编辑
最后更新于:2022-04-02 06:53:30
## 切换可视化编辑模式
要切换到可视化编辑,可以在编辑界面点击右下角的按钮,然后点击切换到可视化编辑模式,如果再次点击则切换回`MD`编辑器模式。
切换到可视化编辑模式后,左侧的目录栏保持不变,页面右侧的编辑和预览区域变成了一个可视化编辑区,在切换可视化编辑模式的时候,会自动对当前章节的内容重新进行格式化以满足可视化编辑的需求,所以,你可能会看到左下角显示,并且按钮变色,这是正常情况,但不会丢失内容请不需要担心。

在可视化编辑模式下面,除了显示更直观外,很多功能操作也更容易了。下面就给大家具体介绍下,可视化编辑模式下的一些操作技巧。
> 首先要注意的是,可视化编辑模式下面,所有的快捷键操作依然保留并且和MD编辑器模式一致。
> 并且可视化编辑模式下,自定义样式不会生效,必须在发布情况下阅读,或者全文预览的时候才能生效。
## 引用样式
如图所示,在引用段落前面会出现一个向下的箭头

点击该箭头部分可以出现引用样式功能选项

点击不同的样式可以看到不同的引用显示效果。

## 图片操作
点击按钮或者使用`CTRL+ALT+Y`快捷键可以上传本地图片,也可以直接粘贴图片或者截图。
图片插入后,鼠标移动到图片上的时候会显示一个绿色的边框,点击图片就可以设置图片的显示大小以及删除图片。

选中图片后,点击居中对齐按钮,图片就会居中对齐。

## 添加超链接
选中文字后点击按钮或者使用`CTRL+L`快捷键可以给文字添加链接地址。
当文字颜色变蓝后,点击文字会出现一个输入框让你输入链接地址,你可以直接输入章节标题或者外部链接。

支持当前文档的章节自动完成,由于我们当前只有一个空白目录,效果如下:

下面会自动列出和当前输入匹配的章节名称,选择某个目录即可。
再次点击链接文字就会显示当前的链接地址,你可以进行编辑。
## 任务列表
任务列表也支持可视化编辑,点击按钮或者使用`CRTL+ALT+T`快捷键会生成一个空白任务列表。

添加任务项和子任务项目(使用TAB键缩进即可)。

点击前面的灰色方块可以设置任务的完成情况。

## 添加表格
点击工具栏的按钮,会生成如下的默认表格。

第一行是表头,默认会采用粗体显示。如果要增加一行的话,直接敲回车键即可。
在表格内部点击鼠标右键会出现操作菜单,支持增加一行、一列以及删除当前行和当前列,或者直接删除表格。

由于MD规范的限制,无法实现跨行跨列的操作。
## 复制粘贴
在可视化编辑模式下,支持`HTML`粘贴,会自动转换为MD格式内容和可视化显示。
如果需要粘贴的时候丢弃`HTML`格式,可以右键选择粘贴为纯文本或者使用`CTRL+SHIFT+V`快捷键粘贴。

## 章节导航
可视化编辑模式下,点击按钮可以在当前位置插入章节导航。

点击章节导航区域会显示导航显示设置和删除按钮。

我们改为只显示H2和H3目录导航

';