#17: 在页面中增加<extoc></extoc>标签，会在此处生成TOC目录。

fix bug: #16 : mode=pageTop. 的时候没有回到顶部的悬浮按钮了
zq99299 · May 15, 2017 · 87a84fa · 87a84fa
1 parent 699c539
commit 87a84fa
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -21,6 +21,7 @@
 - [x] 导航标题前的层级图标是否显示，自定义H1-H3的层级图标
 - [x] plugins["theme-default"],页面标题层级与官方默认主题的`showLevel`层级关联
 - [x] plugins["theme-default"],插件样式支持官网默认主题的三种样式：White、Sepia、Night
+- [x] 在页面中增加`<extoc></extoc>`标签，会在此处生成TOC目录 
 
 # 插件效果
 * 风格：极简

diff --git a/assets/lib/plugin.js b/assets/lib/plugin.js
@@ -237,6 +237,12 @@ function handlerFloatNavbar($, tocs, page) {
 }
 
 function handlerPageTopNavbar($, tocs, page) {
+    var html = buildTopNavbar($, tocs, page);
+    html += "<a href='#" + tocs[0].url + "' id='anchorNavigationExGoTop'><i class='fa fa-arrow-up'></i></a>";
+    page.content = html + $.html();
+}
+
+function buildTopNavbar($, tocs, page) {
     var config = Config.config;
     var pageTop = config.pageTop;
     var level1Icon = '';
@@ -272,7 +278,7 @@ function handlerPageTopNavbar($, tocs, page) {
 
     html += "</ul></div>";
 
-    page.content = html + $.html();
+    return html;
 }
 
 function start(bookIns, page) {
@@ -292,6 +298,10 @@ function start(bookIns, page) {
     } else if (mode = 'pageTop') {
         handlerPageTopNavbar($, tocs, page);
     }
+
+    var $x = cheerio.load(page.content);
+    $x('extoc').replaceWith($x(getToc($, tocs, page)));
+    page.content = $x.html();
 }
 
 module.exports = start;
diff --git a/doc/README_EN.md b/doc/README_EN.md
@@ -23,6 +23,7 @@
 - [x] navigation title before the hierarchy of the icon is displayed, the custom of H1, H3 level icon
 - [x] plugins["theme-default"],The page title level with the default theme official ` showLevel ` hierarchy correlation
 - [x] plugins["theme-default"],Plug-in style website three kinds of style of the default theme：White、Sepia、Night
+- [x] Adding `<extoc></extoc>` tags to a page generates the TOC directory here
 
 # plug-in effect
 * style: a minimalist

diff --git a/doc/config-en.md b/doc/config-en.md
@@ -98,4 +98,7 @@ pageTop: {
            level2Icon: "fa fa-hand-o-right",
            level3Icon: "fa fa-hand-o-right"
        }
-```
+```
+
+# additional support function
+Adding `<extoc></extoc>` tags to a page generates the TOC directory here.
diff --git a/doc/config.md b/doc/config.md
@@ -19,7 +19,6 @@
     }
 }
 ```
-
 ## showLevel : TYPE:boolean。
     标题是否显示层级序号.页面标题和导航中的标题都会加上层级显示。
 
@@ -98,4 +97,8 @@ pageTop: {
            level2Icon: "fa fa-hand-o-right",
            level3Icon: "fa fa-hand-o-right"
        }
-```
+```
+
+# 额外功能支持
+
+在页面中增加`<extoc></extoc>`标签，会在此处生成TOC目录。
diff --git a/doc/updateRecord-en.md b/doc/updateRecord-en.md
@@ -1,4 +1,7 @@
 # Update record
+## v1.0.2 - 2017-05-15
+- [#17](https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex/pull/17)Adding an `<extoc></extoc>` tag to the page generates the TOC directory here (which is consistent with the mode: pageTop pattern for the moment)
+
 ## v1.0.0 - 2017-03-09
 - [#7](https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex/pull/7)
 - [#8](https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex/pull/8)

diff --git a/doc/updateRecord.md b/doc/updateRecord.md
@@ -1,4 +1,8 @@
 # Update record
+## v1.0.2 - 2017-05-15
+- [#17](https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex/pull/17)在页面中增加`<extoc></extoc>`标签，会在此处生成TOC目录(该目录暂时与mode: "pageTop"模式生成的一致)
+
+
 ## v1.0.0 - 2017-03-09
 - [#7](https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex/pull/7)
 - [#8](https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex/pull/8)

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gitbook-plugin-anchor-navigation-ex",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Supports two navigation mode, title, anchor effect is the default theme, style, follow the website",
   "main": "index.js",
   "scripts": {