CN111753222A - 一种在线文档系统目录栏的生成展示方法及系统 - Google Patents

Abstract

本发明涉及平台构建技术领域，提供一种在线文档系统目录栏的生成展示方法及系统，方法包括：当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示，从而在线文档系统在基于大量markdown源文件组建时，基于markdown源文件的内部章节标题构建生成并优化展示右侧目录栏，使用户更加直观便捷的访问、阅读自己想要的部分，获得更优发布和使用效果，大大提高了用户的阅读体验。

Description

一种在线文档系统目录栏的生成展示方法及系统

技术领域

本发明属于平台构建技术领域，尤其涉及一种在线文档系统目录栏的生成展示方法及系统。

背景技术

基于docsify(docsify是一个动态生成文档网站的工具，不同于GitBook、Hexo，其不会生成将.md转成.html文件，所有转换工作都是在运行时进行)实现和部署的云平台的在线文档系统，可以动态地将基于markdown(Markdown是一种轻量级标记语言，允许使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML(或者HTML)文档)编制的文档源文件渲染发布为在线文档，无需编译。

目前，在大量markdown文件构建的文档系统中，已经实现Docsify在线文档系统支持基于大量markdown源文件构建的文档系统侧边栏的分级、折叠和展示优化。然而docsify虽然支持单个markdown中各级标题的折叠展示，但基于大量md文件(md文件其实可以用常用的文本编辑器都可以打开，例如记事本、EditPlus、sublime等等)构建在线文档系统时，让单个md文档的章节标题在左侧边栏展示时，会导致左侧边栏结构非常繁杂，但是如果不展示文档内部章节标题，当单个md文档内容多、篇幅较大时，又十分不便于用户直观查阅当前md文档中各章节的内容。

发明内容

针对现有技术中的缺陷，本发明提供了一种在线文档系统目录栏的生成展示方法，旨在解决现有技术中基于大量md文件构建在线文档系统时，让单个md文档的章节标题在左侧边栏展示时，会导致左侧边栏结构非常繁杂，但是如果不展示文档内部章节标题，当单个md文档内容多、篇幅较大时，又十分不便于用户直观查阅当前md文档中各章节的内容的问题。

本发明所提供的技术方案是：一种在线文档系统目录栏的生成展示方法，所述方法包括下述步骤：

当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；

当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示。

作为一种改进的方案，所述当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏的步骤具体包括下述步骤：

当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，调用doneEach函数，对参数lis和参数lisData进行初始化；

对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏；

将生成的所述当前md文档的内部目录栏在在线文档系统的右侧目录栏进行目录展示。

作为一种改进的方案，所述对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏的步骤具体包括下述步骤：

对所述当前md文档中主标题之外的任何标题进行判断，判断当前md文档是否存在除主标题之外的任何标题；

当判定当前md文档不存在除主标题之外的任何标题时，控制在右侧目录栏部分显示为空白样式；

当判定当前md文档存在除主标题之外的任何标题时，读取解析出所有标题，并赋值给所述参数lis；

遍历判断每个标题下是否有子标题，若无子标题则展示当前标题并渲染成展示样式，并继续读取下一标题进行判断；若有子标题，则读取所有子标题，将子标题展示并渲染成展示的样式；直至lis中所有的标题数据遍历完，最终生成右侧的目录栏。

作为一种改进的方案，所述当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的步骤具体包括下述步骤：

当接收到用户对当前md文档的章节内容的点击查看指令时，将所述在线文档系统的浏览器中的访问地址切换为所述点击查看指令所对应的当前md文档的章节内容的地址；

对所述地址进行解析，并控制将页面跳转定位到所述章节内容上，进行章节内容的展示。

作为一种改进的方案，所述当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的步骤还包括下述步骤：

在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式；

所述在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式的步骤具体包括下述步骤：

在控制对当前所述章节内容进行展示的同时，调用doneEach函数，读取所述当前md文档，解析出单个m文档所有章节标题参数，并赋值给lis；

遍历所述当前md文档的每个章节标题，判断每个章节标题的参数lisData是否不为空；

若判定章节标题的参数lisData不为空，则判断该章节标题下是否有active状态的子级标题；

若判定该章节标题下有active状态的子级标题，则继续判断子级标题是否为active状态；

当判定子级标题为active状态，则保持子级标题展示及渲染的样式，

若判定子级标题为非active状态，则保持为普通展示及渲染样式；

若判定该章节标题下没有active状态的子级标题，则继续遍历下一标题，直至所有章节标题判断完毕。

本发明的另一目的在于提供一种基于在线文档系统目录栏的生成展示方法的生成展示系统，所述系统包括：

目录栏生成模块，用于当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；

章节内容展示模块，用于当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示。

作为一种改进的方案，所述目录栏生成模块具体包括：

初始化操作模块，用于当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，调用doneEach函数，对参数lis和参数lisData进行初始化；

内部目录栏生成模块，用于对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏；

目录展示模块，用于将生成的所述当前md文档的内部目录栏在在线文档系统的右侧目录栏进行目录展示。

作为一种改进的方案，所述内部目录栏生成模块具体包括：

标题判断模块，用于对所述当前md文档中主标题之外的任何标题进行判断，判断当前md文档是否存在除主标题之外的任何标题；

空白模式显示模块，用于当判定当前md文档不存在除主标题之外的任何标题时，控制在右侧目录栏部分显示为空白样式；

标题读取模块，用于当判定当前md文档存在除主标题之外的任何标题时，读取解析出所有标题，并赋值给所述参数lis；

子标题遍历模块，用于遍历判断每个标题下是否有子标题，若无子标题则展示当前标题并渲染成展示样式，并继续读取下一标题进行判断；若有子标题，则读取所有子标题，将子标题展示并渲染成展示的样式；直至lis中所有的标题数据遍历完，最终生成右侧的目录栏。

作为一种改进的方案，所述章节内容展示模块具体包括：

地址切换模块，用于当接收到用户对当前md文档的章节内容的点击查看指令时，将所述在线文档系统的浏览器中的访问地址切换为所述点击查看指令所对应的当前md文档的章节内容的地址；

章节内容跳转定位模块，用于对所述地址进行解析，并控制将页面跳转定位到所述章节内容上，进行章节内容的展示。

作为一种改进的方案，所述系统还包括：

展示方式控制模块，用于在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式；

所述展示方式控制模块具体包括：

章节标题参数读取模块，用于在控制对当前所述章节内容进行展示的同时，调用doneEach函数，读取所述当前md文档，解析出单个m文档所有章节标题参数，并赋值给lis；

章节标题参数判断模块，用于遍历所述当前md文档的每个章节标题，判断每个章节标题的参数lisData是否不为空；

子级标题状态判断模块，用于若判定章节标题的参数lisData不为空，则判断该章节标题下是否有active状态的子级标题；

子级标题状态继续判断模块，用于若判定该章节标题下有active状态的子级标题，则继续判断子级标题是否为active状态；

第一保持控制模块，用于当判定子级标题为active状态，则保持子级标题展示及渲染的样式，

第二保持控制模块，用于若判定子级标题为非active状态，则保持为普通展示及渲染样式；

下一标题遍历模块，用于若判定该章节标题下没有active状态的子级标题，则继续遍历下一标题，直至所有章节标题判断完毕。

在本发明实施例中，当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示，从而使得docsify在线文档系统在基于大量markdown源文件组建时，基于markdown源文件的内部章节标题构建生成并优化展示右侧目录栏，避免使用sidebar+markdown内部章节标题全量生成庞大复杂的侧边栏结构，使用户更加直观便捷的访问、阅读自己想要的部分，获得更优发布和使用效果，大大提高了用户的阅读体验。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。在所有附图中，类似的元件或部分一般由类似的附图标记标识。附图中，各元件或部分并不一定按照实际的比例绘制。

图1是本发明提供的在线文档系统目录栏的生成展示方法的实现流程图；

图2是本发明提供的当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏的实现流程图；

图3是本发明提供的对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏的实现流程图；

图4是本发明提供的当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的实现流程图；

图5是本发明提供的右侧目录的事例示意图；

图6是本发明提供的在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式的实现流程图；

图7是本发明提供的在线文档系统目录栏的生成展示系统的结构框图；

图8是本发明提供的目录栏生成模块的结构框图；

图9是本发明提供的内部目录栏生成模块的结构框图；

图10是本发明提供的章节内容展示模块的结构框图；

图11是本发明提供的展示方式控制模块的结构框图。

具体实施方式

下面将结合附图对本发明技术方案的实施例进行详细的描述。以下实施例仅用于更加清楚地说明本发明的、技术方案，因此只作为示例，而不能以此来限制本发明的保护范围。

图1是本发明提供的在线文档系统目录栏的生成展示方法的实现流程图，其具体包括下述步骤：

在步骤S101中，当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；

在步骤S102中，当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示。

在本发明实施例中，如图2所示，当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏的步骤具体包括下述步骤：

在步骤S201中，当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，调用doneEach函数，对参数lis和参数lisData进行初始化；

在步骤S202中，对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏；

在步骤S203中，将生成的所述当前md文档的内部目录栏在在线文档系统的右侧目录栏进行目录展示。

在该实施例中，如图3所示，对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏的步骤具体包括下述步骤：

在步骤S301中，对所述当前md文档中主标题之外的任何标题进行判断，判断当前md文档是否存在除主标题之外的任何标题，是则执行步骤S302，否则执行步骤S303；

在步骤S302中，当判定当前md文档不存在除主标题之外的任何标题时，控制在右侧目录栏部分显示为空白样式；

在该步骤中，当前md文档中无除主标题(用于生成左侧sidebar)外的任何标题：读取并解析后发现无任何标题，即lisData.showChild为false，不生成目录，右侧目录栏部分显示为空白样式。

在步骤S303中，当判定当前md文档存在除主标题之外的任何标题时，读取解析出所有标题，并赋值给所述参数lis；

在步骤S304中，遍历判断每个标题下是否有子标题，若无子标题则展示当前标题并渲染成展示样式，并继续读取下一标题进行判断；若有子标题，则读取所有子标题，将子标题展示并渲染成展示的样式；直至lis中所有的标题数据遍历完，最终生成右侧的目录栏。

在本发明实施例中，如图4所示，当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的步骤具体包括下述步骤：

在步骤S401中，当接收到用户对当前md文档的章节内容的点击查看指令时，将所述在线文档系统的浏览器中的访问地址切换为所述点击查看指令所对应的当前md文档的章节内容的地址；

在步骤S402中，对所述地址进行解析，并控制将页面跳转定位到所述章节内容上，进行章节内容的展示。

其中，结合图5所示，以用户单击右侧目录中“在线安装”为例说明：初始化生成右侧目录栏后，用户单击右侧目录栏中的标题“在线安装”，触发调用ready,读取选中标题的id和标题内容赋值给key；

判断标题“在线安装”的状态是否为active，显然是的，则将“在线安装”标题的id和名称组成的key值，赋值给href,并将目标访问地址发送给浏览器进行替换，解析处理后，访问页面跳转定位到目标文档章节标题，即查看该章节下的内容。

在本发明实施例中，当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的步骤还包括下述步骤：

在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式；

如图6所示，在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式的步骤具体包括下述步骤：

在步骤S601中，在控制对当前所述章节内容进行展示的同时，调用doneEach函数，读取所述当前md文档，解析出单个m文档所有章节标题参数，并赋值给lis；

在步骤S602中，遍历所述当前md文档的每个章节标题，并判断每个章节标题的参数lisData是否不为空，是则执行步骤S603，否则结束；

在步骤S603中，若判定章节标题的参数lisData不为空，则判断该章节标题下是否有active状态的子级标题，是则执行步骤S604，否则执行步骤S607；

在步骤S604中，若判定该章节标题下有active状态的子级标题，则继续判断子级标题是否为active状态，是则执行步骤S605，否则执行步骤S606；

在步骤S605中，当判定子级标题为active状态，则保持子级标题展示及渲染的样式；

在步骤S606中，若判定子级标题为非active状态，则保持为普通展示及渲染样式；

在步骤S607中，若判定该章节标题下没有active状态的子级标题，则继续遍历下一标题，直至所有章节标题判断完毕。

在该实施例中，结合图5所示，以用户单击右侧目录栏中“在线文档”为例说明：在控制对当前所述章节内容进行展示的同时，触发调用doneEach，从md文档中的首个标题-“官方文档”开始，遍历md文档中所有标题。首先，判断“官方文档”的lisData是否为空值，此时结果为是，再判断“官方文档”是否为active状态，因为单击的是“在线安装”不是“官方文档”，因此结果为否。此时再判断“官方文档”的lisData.showChild是否为true，判定结果为否，即其无子标题，保持“官方文档”标题的渲染样式。然后，继续判断下一标题“安装docsify”，判断“安装docsify”下是否有子标题，有则继续遍历其子标题，遍历到“在线安装”，判断其是否为active状态，是则保持选中的渲染样式，然后依次遍历其他条目，判断过程同前面所述，直至遍历结束，已选中的标题保持选中的渲染样式，未选中的标题展示为普通渲染样式。

本发明实施例避免使用sidebar+markdown内部章节标题全量生成庞大复杂的侧边栏结构，分化目录结构，简化侧边栏，根据md内部章节结构生成右侧目录栏，使得用户对单个md文档的内容结构一目了然，更加便于阅读。

图7是本发明提供的在线文档系统目录栏的生成展示系统的结构框图，为了便于说明，图中仅给出了与本发明相关的部分。

在线文档系统目录栏的生成展示系统包括：

目录栏生成模块11，用于当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；

章节内容展示模块12，用于当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示。

如图8所示，所述目录栏生成模块11具体包括：

初始化操作模块13，用于当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，调用doneEach函数，对参数lis和参数lisData进行初始化；

内部目录栏生成模块14，用于对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏；

目录展示模块15，用于将生成的所述当前md文档的内部目录栏在在线文档系统的右侧目录栏进行目录展示。

如图9所示，所述内部目录栏生成模块14具体包括：

标题判断模块16，用于对所述当前md文档中主标题之外的任何标题进行判断，判断当前md文档是否存在除主标题之外的任何标题；

空白模式显示模块17，用于当判定当前md文档不存在除主标题之外的任何标题时，控制在右侧目录栏部分显示为空白样式；

标题读取模块18，用于当判定当前md文档存在除主标题之外的任何标题时，读取解析出所有标题，并赋值给所述参数lis；

子标题遍历模块19，用于遍历判断每个标题下是否有子标题，若无子标题则展示当前标题并渲染成展示样式，并继续读取下一标题进行判断；若有子标题，则读取所有子标题，将子标题展示并渲染成展示的样式；直至lis中所有的标题数据遍历完，最终生成右侧的目录栏。

如图10所示，所述章节内容展示模块12具体包括：

地址切换模块20，用于当接收到用户对当前md文档的章节内容的点击查看指令时，将所述在线文档系统的浏览器中的访问地址切换为所述点击查看指令所对应的当前md文档的章节内容的地址；

章节内容跳转定位模块21，用于对所述地址进行解析，并控制将页面跳转定位到所述章节内容上，进行章节内容的展示。

在本发明实施例中，所述系统还包括：

展示方式控制模块22，用于在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式；

如图11所示，所述展示方式控制模块22具体包括：

章节标题参数读取模块23，用于在控制对当前所述章节内容进行展示的同时，调用doneEach函数，读取所述当前md文档，解析出单个m文档所有章节标题参数，并赋值给lis；

章节标题参数判断模块24，用于遍历所述当前md文档的每个章节标题，判断每个章节标题的参数lisData是否不为空；

子级标题状态判断模块25，用于若判定章节标题的参数lisData不为空，则判断该章节标题下是否有active状态的子级标题；

子级标题状态继续判断模块26，用于若判定该章节标题下有active状态的子级标题，则继续判断子级标题是否为active状态；

第一保持控制模块27，用于当判定子级标题为active状态，则保持子级标题展示及渲染的样式，

第二保持控制模块28，用于若判定子级标题为非active状态，则保持为普通展示及渲染样式；

下一标题遍历模块29，用于若判定该章节标题下没有active状态的子级标题，则继续遍历下一标题，直至所有章节标题判断完毕。

在本发明实施例中，当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示，从而使得docsify在线文档系统在基于大量markdown源文件组建时，基于markdown源文件的内部章节标题构建生成并优化展示右侧目录栏，避免使用sidebar+markdown内部章节标题全量生成庞大复杂的侧边栏结构，使用户更加直观便捷的访问、阅读自己想要的部分，获得更优发布和使用效果，大大提高了用户的阅读体验。

以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围，其均应涵盖在本发明的权利要求和说明书的范围当中。

Claims (10)

1.一种在线文档系统目录栏的生成展示方法，其特征在于，所述方法包括下述步骤：

当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；

当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示。

2.根据权利要求1所述的在线文档系统目录栏的生成展示方法，其特征在于，所述当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏的步骤具体包括下述步骤：

当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，调用doneEach函数，对参数lis和参数lisData进行初始化；

对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏；

将生成的所述当前md文档的内部目录栏在在线文档系统的右侧目录栏进行目录展示。

3.根据权利要求2所述的在线文档系统目录栏的生成展示方法，其特征在于，所述对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏的步骤具体包括下述步骤：

对所述当前md文档中主标题之外的任何标题进行判断，判断当前md文档是否存在除主标题之外的任何标题；

当判定当前md文档不存在除主标题之外的任何标题时，控制在右侧目录栏部分显示为空白样式；

当判定当前md文档存在除主标题之外的任何标题时，读取解析出所有标题，并赋值给所述参数lis；

遍历判断每个标题下是否有子标题，若无子标题则展示当前标题并渲染成展示样式，并继续读取下一标题进行判断；若有子标题，则读取所有子标题，将子标题展示并渲染成展示的样式；直至lis中所有的标题数据遍历完，最终生成右侧的目录栏。

4.根据权利要求1所述的在线文档系统目录栏的生成展示方法，其特征在于，所述当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的步骤具体包括下述步骤：

当接收到用户对当前md文档的章节内容的点击查看指令时，将所述在线文档系统的浏览器中的访问地址切换为所述点击查看指令所对应的当前md文档的章节内容的地址；

对所述地址进行解析，并控制将页面跳转定位到所述章节内容上，进行章节内容的展示。

5.根据权利要求1所述的在线文档系统目录栏的生成展示方法，其特征在于，所述当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示的步骤还包括下述步骤：

在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式；

所述在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式的步骤具体包括下述步骤：

在控制对当前所述章节内容进行展示的同时，调用doneEach函数，读取所述当前md文档，解析出单个m文档所有章节标题参数，并赋值给lis；

遍历所述当前md文档的每个章节标题，判断每个章节标题的参数lisData是否不为空；

若判定章节标题的参数lisData不为空，则判断该章节标题下是否有active状态的子级标题；

若判定该章节标题下有active状态的子级标题，则继续判断子级标题是否为active状态；

当判定子级标题为active状态，则保持子级标题展示及渲染的样式，

若判定子级标题为非active状态，则保持为普通展示及渲染样式；

若判定该章节标题下没有active状态的子级标题，则继续遍历下一标题，直至所有章节标题判断完毕。

6.一种基于权利要求1所述的在线文档系统目录栏的生成展示方法的生成展示系统，其特征在于，所述系统包括：

目录栏生成模块，用于当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，控制在右侧目录栏生成当前md文档的目录栏；

章节内容展示模块，用于当接收到用户对当前md文档的章节内容的点击查看指令时，控制对当前所述章节内容进行展示。

7.根据权利要求6所述的在线文档系统目录栏的生成展示系统，其特征在于，所述目录栏生成模块具体包括：

初始化操作模块，用于当识别到用户初次访问在线文档系统中某个md文档或重新路由定向至在线文档的某个md文档的触发动作时，调用doneEach函数，对参数lis和参数lisData进行初始化；

内部目录栏生成模块，用于对所述当前md文档的内容进行标题分析，生成所述当前md文档的内部目录栏；

目录展示模块，用于将生成的所述当前md文档的内部目录栏在在线文档系统的右侧目录栏进行目录展示。

8.根据权利要求7所述的在线文档系统目录栏的生成展示系统，其特征在于，所述内部目录栏生成模块具体包括：

标题判断模块，用于对所述当前md文档中主标题之外的任何标题进行判断，判断当前md文档是否存在除主标题之外的任何标题；

空白模式显示模块，用于当判定当前md文档不存在除主标题之外的任何标题时，控制在右侧目录栏部分显示为空白样式；

标题读取模块，用于当判定当前md文档存在除主标题之外的任何标题时，读取解析出所有标题，并赋值给所述参数lis；

子标题遍历模块，用于遍历判断每个标题下是否有子标题，若无子标题则展示当前标题并渲染成展示样式，并继续读取下一标题进行判断；若有子标题，则读取所有子标题，将子标题展示并渲染成展示的样式；直至lis中所有的标题数据遍历完，最终生成右侧的目录栏。

9.根据权利要求6所述的在线文档系统目录栏的生成展示系统，其特征在于，所述章节内容展示模块具体包括：

地址切换模块，用于当接收到用户对当前md文档的章节内容的点击查看指令时，将所述在线文档系统的浏览器中的访问地址切换为所述点击查看指令所对应的当前md文档的章节内容的地址；

章节内容跳转定位模块，用于对所述地址进行解析，并控制将页面跳转定位到所述章节内容上，进行章节内容的展示。

10.根据权利要求6所述的在线文档系统目录栏的生成展示系统，其特征在于，所述系统还包括：

展示方式控制模块，用于在控制对当前所述章节内容进行展示的同时，对所述当前md文档进行章节标题解析，控制章节标题的展示方式；

所述展示方式控制模块具体包括：

章节标题参数读取模块，用于在控制对当前所述章节内容进行展示的同时，调用doneEach函数，读取所述当前md文档，解析出单个m文档所有章节标题参数，并赋值给lis；

章节标题参数判断模块，用于遍历所述当前md文档的每个章节标题，判断每个章节标题的参数lisData是否不为空；

子级标题状态判断模块，用于若判定章节标题的参数lisData不为空，则判断该章节标题下是否有active状态的子级标题；

子级标题状态继续判断模块，用于若判定该章节标题下有active状态的子级标题，则继续判断子级标题是否为active状态；

第一保持控制模块，用于当判定子级标题为active状态，则保持子级标题展示及渲染的样式，

第二保持控制模块，用于若判定子级标题为非active状态，则保持为普通展示及渲染样式；

下一标题遍历模块，用于若判定该章节标题下没有active状态的子级标题，则继续遍历下一标题，直至所有章节标题判断完毕。

Images