详细介绍

• 草稿选项
• 段落
• 文本颜色 / 文本背景颜色
• 超链接
• 插入表格
• 插入图片
• 插入代码块
• 插入绘图
• 插入多媒体
• 可折叠块

草稿选项

新建/编辑页面时

当你新建或编辑页面时，草稿选项 将会显示为 正在编辑页面。

保存草稿

将你正在编辑的内容保存为一个草稿，以避免在设备意外停止工作时丢失你所编辑的内容；

切换到 Markdown 编辑器（整理内容）

此选项会尽可能将内容切换为 Markdown 格式，可能会在转换的过程中遗失一部分排版与格式；

切换到 Markdown 编辑器（保留内容）

此选项直接将内容切换为 HTML 格式，看起来会略微繁琐，但能保留几乎所有的文本与多媒体格式。

---

保存草稿后

手动或自动保存草稿后，草稿选项 将会显示 草稿保存于 最后保存草稿的时间。

保存草稿

将你正在编辑的内容保存为一个草稿，以避免在设备意外停止工作时丢失你所编辑的内容；

放弃草稿

取消编辑当前草稿，并将最新的页面内容同步到当前编辑器页面；

删除草稿

删除当前编辑的草稿，并将最新的页面内容同步到当前编辑器页面；

切换到 Markdown 编辑器（整理内容）

此选项会尽可能将内容切换为 Markdown 格式，可能会在转换的过程中遗失一部分排版与格式；

切换到 Markdown 编辑器（保留内容）

此选项直接将内容切换为 HTML 格式，看起来会略微繁琐，但能保留几乎所有的文本与多媒体格式。

---

注意

保存草稿 并不会将你编辑的内容同步至页面，只有当你点击 保存页面 后，你才能让他人看到自己的劳动成果！

段落

点击 段落 后，你将看到一系列你可以选择的文本行样式。

每一个文本行只能选择一种标题样式，例如：你不能将 大标题 和 微标题 同时赋予在这一行的不同的文字上。

你可以在 块引用 内嵌套 标注 样式，但是你不能在 标注 样式内嵌套别的 标注 样式。如果你选择了别的样式，那么将会切换到你选择的样式。

---

大标题

中标题

小标题

微标题

段落

块引用

---

标注

信息

成功

警告

危险

---

注意

如果你想取消在编辑 段落 时按下 Enter键 后添加的空白行，你可以在按住 Shift键 后再按下 Enter键 来正常换行。

如果你想在编写 标注 时，将按下 Enter键 的行为切换为 换行，而不是新建 标注，你可以在按住 Shift键 后再按下 Enter键 来换行。

文本颜色 / 文本背景颜色

你可以通过 文本颜色 或 背景颜色 来让你的文本变得多姿多彩。

当你单击它们时，它们将在你选中的文本上应用目前选择的颜色。

在它们的右侧都有一个下拉框，单击即可打开颜色选择器。

---

基础颜色选择器

这是基础的颜色选择器，可以满足大部分的颜色需求，它们都选择了 纯黑 作为默认应用颜色。注意：在 纯黑 的右边，还存在着 纯白，请不要忽略它。

中下方的 红色斜杠 代表着清除当前文本上应用的 文本颜色 和 背景颜色，你也可以单击右下方的 调色盘 来打开 高级颜色选择器。

---

高级颜色选择器

这是更加完善的颜色选择器，有了它，你可以拥有任何你想要的色彩。

左侧的大方块用来调节 明度 和 饱和度，中间的竖条用来确定 色相。

你也可以通过输入颜色的 RGB值 或 十六进制颜色代码（如：#FF3301，#377B71） 来更精确的定位你需要的颜色。

---

注意

在设置 文本颜色 或 文本背景颜色 时，你应该避免它们之间的颜色过于相近。这会造成不好的阅读体验，并且可能会被管理员修改至合适的颜色。

此网页同样具有 深色模式，在考虑配色时也应该考虑在这种模式下的阅读体验。

为了阅读体验，温馨提示
请不要再白底上写黄字	更不要在黄底上写白字	写黑字
或者绿底写红字	或者邻近色搭配	写白字
或者反过来		写灰字？？

超链接

有了它，你可以让读者点击一段文字时，跳转到事先设置好的网站。

---

网址

你可以在此填入跳转的目标网站，或者单击右侧的 浏览链接 图标可以浏览文档库中的图书并快速制作它们的超链接。

要显示的文本

超链接在页面中显示的文本，如果你填入了 前往第三方网站，那么超链接将在页面中显示为 前往第三方网站。

标题

当光标在超链接上悬停时，显示的预览文本。将光标悬停在我身上来查看效果。

打开链接于……

覆盖当前窗口 ：直接替换当前打开的网页并打开链接；

新建窗口 ：在新的浏览器页面打开链接。

---

超链接工具

如果你忘了设置哪一项属性，或需要修改某项属性，亦或者想要预览设置好的页面，你可以单击已经设置好的 超链接 来打开 超链接工具。

从左到右分别为 修改超链接，取消超链接，预览网页。

修改超链接 ：可以让你再次编辑超链接属性，直到满意为止；

取消超链接 ：取消这段文本上应用的超链接，让它变回普通文本。

预览网页 ：用来预览你在属性中填入的目标网站，不受 打开链接于 属性影响，始终在新的浏览器页面打开。

---

注意

在制作超链接时，你应该遵守 VRCD 规范，不将超链接指向 涉黄，恐怖，暴力 等 NSFW 网站，否则将会被管理员撤销图书编辑权限！

插入表格

相当于 Microsoft Word 的表格功能，但更加简略和方便编辑。

---

快速创建表格

单击 表格，将鼠标移动到弹出的下拉框内的 表格 选项上，即可通过移动鼠标的方式确定 表格 有几行和几列，按下鼠标左键即可按照选择的行和列数创建表格。

例如：7x5 代表着 5行 7列 的表格。

---

单元格

• 单元格属性 ：用于设置当前选中的单元格的一系列属性；

  • 通用 ：宽度，高度，单元格类型，范围，水平对齐，垂直对齐；
  • 高级 ：边框宽度，边框样式，边框颜色，背景色。
• 合并单元格 ：将选中的多个单元格合并为一个单元格；
• 拆分单元格 ：将合并后的单元格拆分为合并前的多个单元格。

---

行

• 在上方插入行 ：在当前行的上方创建新的行；
• 在下方插入行 ：在当前行的下方创建新的行；
• 删除行 ：删除选中的这一行；
• 行属性 ：用于设置当前行的一系列属性；
  • 通用 ：行类体，对齐方式，高度；
  • 高级 ：边框样式，边框颜色，背景色。
    
    
• 剪切行 ：将这一行的数据储存起来，并配合 在上方/下方粘贴行 来移动位置；
• 复制行 ：将这一行的数据储存起来，用于在别处创建一模一样的行；
• 在上方粘贴行 ：在当前行的上方粘贴通过 剪切 或 复制 得到的行以及数据；
• 在下方粘贴行 ：在当前行的下方粘贴通过 剪切 或 复制 得到的行以及数据；

---

列

• 在左侧插入列 ：在当前列的左侧创建新的列；
• 在右侧插入列 ：在当前列的右侧创建新的列；
• 删除列 ：删除选中的这一列；
  
• 剪切列 ：将这一列的数据储存起来，并配合 在上方/下方粘贴列 来移动位置；
• 复制列 ：将这一列的数据储存起来，用于在别处创建一模一样的列；
• 在左侧粘贴列 ：在当前行的左侧粘贴通过 剪切 或 复制 得到的列以及数据；
• 在右侧粘贴列 ：在当前行的右侧粘贴通过 剪切 或 复制 得到的列以及数据；

---

表格属性

• 通用
  • 宽度 ：拥有两种编辑形式，数字加百分比 的形式将按照表格相对于页面宽度的比例来进行设置。例如：100%，75%。直接填写 数字 或者 数字加 px 的形式将精确到像素大小。例如：750px，100px。
    • 单元格间距 ：设置每一列文本到单元格边框的间距，支持百分比与像素。留空来回到初始设置。
  • 高度 ：通过填写 数字加 px 的形式将精确到像素大小。例如：750px，100px。留空来回到初始设置。
    • 单元格间距 ：设置每一行文本到单元格边框的间距，支持百分比与像素。留空来回到初始设置。
  • 边框宽度 ：设置单元格的边框宽度，仅支持像素；
  • 标题 ：当你勾选此复选框后，将在表格顶部添加一个可以用于概括表格内容的文本，单击即可编辑；
  • 对齐方式 ：设置表格的对齐方式。向左，居中或向右；
• 高级 ：边框样式，边框颜色，背景色。

---

表格工具

单击表格中的任意元素即可显示 表格工具。

从左到右分别为 表格属性，删除表格，在上方插入行，在下方插入行，删除行，在左侧插入列，在右侧插入列，删除列，行头。

行头 ：为当前行添加一个浅浅的背景色来着重显示。

插入图片

单单的文字教程太枯燥乏味难以下咽？你可以适当的配合图片来让读者更容易理解你所表达的内容。

不，这个图片和教程没有任何关联，只是为了逗你一笑。

---

图片选择器

如果你要添加图片，你需要先单击 图片 按钮来打开 图片选择器。

我们按照从上往下和从左往右的顺序来介绍各项功能。

• 上传图片 ：如果 图片选择器 里没有你需要的图片，那你可以使用此按钮来从你的设备上上传你需要的图片；
  
  
• 按图片名称搜索 ：这个就不需要解释了吧，最常见的搜索功能；
  
  
• 查看所有图片
• 查看上传到本图书的图片
• 查看上传到本页面的图片
  
  
• 图片选择区 ：选中图片以在右侧查看或编辑详细信息；
  
  
• 图片名称 ：查看或修改图片的名称，便于搜索和管理；
• 更多 ···
  • 删除 ：删除选中的图片，这将导致所有引用了此图片的页面不再显示此图片；
  • 替换图片 ：重新上传一张新的图片用于替换当前选中的图片，所有使用了此图片的页面将会显示新的图片；
  • 重新生成大小变化 ：当新的图片与旧的图片比例不一致时，你可以尝试使用此选项来修复排版问题。
• 保存 ：保存你所做的图片属性修改；
  
  
• 上传到 超链接 ：用于显示这张图片最开始在哪里被使用，点击 超链接 即可前往它的页面；
  
  
• 选择图片 ：将你在 图片选择区 选中的图片导入至页面中。

---

其它插入方式

如果你的系统和应用支持，你可以直接右键 源图片 并复制，然后在你编辑的页面粘贴，图片将会被自动上传并插入。此时在 图片选择  内，图片名称 将会显示为 源图片 文件名称。

Windows 系统的 截图工具，以及使用 PrtSc键 截图的图片，皆可直接在编辑的页面粘贴来插入。此时在 图片选择器 内，图片名称 将会显示为 image.png 。

---

图片工具

当你单击已经插入至页面的图片时，将会显示 图片工具。

从左到右依次为 插入/编辑链接，移除链接，打开链接，插入/编辑图片。

图片和文本一样，可以添加 超链接，但有所不同。

插入/编辑链接

• 网址 ：默认显示为图片储存的地址。你也可以在此填入跳转的目标网站，或者单击右侧的 浏览链接 图标可以浏览文档库中的图书并快速制作指向它们的超链接；
• 标题 ：当光标在图片上悬停时，显示的预览文本；
• 打开链接于……
  • 覆盖当前窗口 ：直接替换当前打开的网页并打开链接；
  • 新建窗口 ：在新的浏览器页面打开链接。

移除链接

删除图片的超链接属性，此时点击图片将没有任何反应。

打开链接

只有在你修改了 网址 这一属性后，该按钮才可用。用来预览你在属性中填入的目标网站，不受 打开链接于 属性影响，始终在新的浏览器页面打开。

插入/编辑图片 

• 来源 ：用于修改图片来源，你也可以单击右侧的 浏览文件 图标来打开 图片选择器；
• 替代描述 ：当图片在 图片编辑器 内的 图片名称 非默认值时，此文本将会显示 图片名称。你也可以修改它，修改不会同步至 图片名称；
• 宽度 / 高度 ：用于设置图片在页面上显示的大小，只支持罗马数字。点击右侧的 锁 即可取消在修改时保持比例。

---

注意

图片选择器 目前只支持上传 *.xbm，*.tif，*.jfif，*.ico，*.tiff，*.gif，*.svg，*.jpeg，*.svgz，*.jpg，*.webp，*.png，*.bmp，*.pjp，*.apng，*.pjpeg，*.avif 格式的图片。

如果一个图片在插入页面后显示的过大，你可以选中它以在图片的四个角显示用于调整大小的枢轴。

在上传/插入图片时，你应该遵守 VRCD 规范，不上传/插入 涉黄，恐怖，暴力 等 NSFW 内容的图片，否则将会被管理员撤销图书编辑权限！

插入代码块

居然要用到代码块，想必你一定是位编程高手吧。

让我们按照从上往下和从左往右的顺序来介绍 代码块编辑器。

• 会话历史 ：这里保存着当前 代码块 的编辑历史，如果你想要查看之前的内容或撤回更改，请善用此功能；
• 编程语言 ：可以选择 代码块 中代码所属的语言，按下 星星图标 来收藏此语言并靠前显示。你也可以自己手动输入来指定语言；
• 代码编辑区 ：用于编写代码，当你按下 保存代码 后，你编写的代码将会显示在 代码块 中，并在 会话历史 中保留纪录。

// Jvav is the best language ever!

public cl4ss H3ll0W0rld {
    public st4tic v01d ma1n(String[] 4rgs) {
        System.0ut.println("H3ll0 W0rld!");
    }
}

注意

如果你想要编辑已经保存的 代码块，单击 代码块 后，将会显示 修改图标，单击来进入 代码块编辑器。

插入绘图

使用 绘图 来展示一个脚本或动画的工作原理最好不过的方式了。

直接点击 绘图 按钮会立马跳转至 新建绘图 的界面，如果点击 绘图管理器，即可打开 绘图管理器 界面并选择已经存在的绘图。

因为 绘图 可以做的事情太多了，所以本页面只会教你基础功能，剩下的就看你自己造化了。

认识基础布局

在页面左侧，存放着最基础的图形模板，你可以通过 单击 或者 按住并拖动 来在画布上创建图形；

在页面右侧，可以设置当前选中的图形的各种属性：样式 可以用来调整图形的 着色样式；如果图形内有文本，则可以通过 文本 来调整 文本的字体、颜色、背景色 等；如果图形的排序方式或位置不满意，则可以通过 调整图形 来像 PS 一样挪动位置和调整图层顺序；

注意：如果没有选中图形，则页面右侧为调整画布的属性；

你可以选择左上角的 文件 - 从…导入 - 浏览器 / 设备 / URL 来将外部图片导入至画布中；

保存 ：保存当前的画布并导入至正在编辑的页面中；

退出 ：不保存并返回之前正在编辑的页面。

调整图形

基础图形分为两种，可填写文字类 与 箭头类，我们将分别介绍它们如何编辑。

可填写文字类

这类图形在导入画布后，双击即可在内部编写文字。单击选中一个图形，即可看见如下图的小工具。

• 圆点 ：用于调整图形大小，用鼠标按住并拖动以调整大小；
• 箭头 ：用于从最近的小圆点位置快速创建箭头来指向另一个图形；
• 旋转箭头 ：用于旋转图形，默认只能以 5度 为一个单位进行旋转。

双击图形即可在内部编写文字，当你编写时，页面右侧会自动替换为 文字属性 设置页面。

箭头类

箭头可以用于连接 图形，用来表示图形之间的因果关系或者前后顺序，选中一个箭头，即可编辑它的朝向。

• 圆点 ：前后两端的圆点用于设置箭头从哪里开始，到哪里结束。稍大的圆点代表着箭头的朝向，或者说结束的地方；
• 半透明圆点 ：想要让箭头转弯？没问题，拖动此圆点来创建箭头拐角。别担心，你可以创建多个拐角。

注意

在插入绘图时，你应该遵守 VRCD 规范，不插入 涉黄，恐怖，暴力 等 NSFW 内容的绘图，否则将会被管理员撤销图书编辑权限！

插入多媒体

使用此功能，您可以在文档中插入视频，音频等 在线媒体资源。

页面/功能介绍

通用

您可以在此界面输入您想要引用的媒体网址链接以直接引用媒体，并且决定该媒体的显示大小。

• 来源：您想要引用的媒体网址链接。
• 宽度/高度：该媒体在文档中显示的宽高大小。

示例

---

嵌入

您可以在此界面输入指定媒体的嵌入代码，此功能面向那些并不直接提供在线媒体资源，但允许视频通过嵌入形式访问的网站服务（哔哩哔哩，Youtube 等）

示例

以 哔哩哔哩 为例，将鼠标移动到视频下方的分享按钮，在展开的页面右下角点击 "嵌入代码" 以复制。

回到文档编辑页面，根据上述步骤点击 “插入视频/媒体” ，并将复制好的代码粘贴进输入框中，点击右下角保存即完成操作。

可折叠块

可折叠块 能够用于默认隐藏一些可以选择性阅读的文本。

编辑 可折叠块

创建 可折叠块后，你无法直接编辑它，你需要先选中 可折叠块，并通过 可折叠块工具 来调整它。

从左到右依次为 编辑可折叠块，展开可折叠块，删除可折叠块。

• 编辑可折叠块 ：切换标签 用于概括可折叠块的内容；

• 展开可折叠块 ：展开默认被隐藏的折叠块，并在里面输入内容；
• 删除可折叠块 ：顾名思义，删除它。

注意，无论你在编辑页面的 可折叠块 是否为展开状态，保存后都会默认被折叠。