use ::after to show the anchor

2324731962 · Nov 20, 2018 · 8553062 · 8553062
1 parent 7e442da
commit 8553062
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 12 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -98,7 +98,9 @@ module.exports = function(grunt) {
             },
             post: {
                 files: [
-                    { expand: true, src: 'viki.html', dest: 'dist/'},
+                    { expand: true, src: 'viki.html', dest: 'dist/', rename: function(dest, src) {
+                        return dest + 'index.html';
+                    }},
                     { expand: true, src: 'js/custom.js', dest: 'dist/'},
                     { expand: true, src: 'css/*', dest: 'dist/'},
                 ],

diff --git a/css/viki.css b/css/viki.css
@@ -443,3 +443,20 @@ x-eqs > span {
     text-decoration: none;
     opacity: 1;
 }
+
+.viki-anchor::after {
+    content: attr(data-anchor-icon);
+}
+
+@media print {
+    #viki-navi, #viki-toc {
+        display: none !important;
+    }
+
+    #viki-content {
+        -ms-flex: 0 0 100% !important;
+        flex: 0 0 100% !important;
+        max-width: 100% !important;
+        padding: 3rem 1.5rem !important;
+    }
+}
diff --git a/js/tocrenderer.js b/js/tocrenderer.js
@@ -19,16 +19,10 @@ class TocRenderer {
         for (let i = 0; i < headers.length; ++i) {
             let header = headers[i];
 
-            let text = header.textContent;
-            let lastChild = header.lastChild;
-            if (lastChild && lastChild.tagName === 'A' && lastChild.textContent === '#') {
-                text = text.substring(0, text.length - 1);
-            }
-
             this.toc.push({
                 level: parseInt(header.tagName.substr(1)),
                 anchor: header.id,
-                title: utils.escapeHtml(text)
+                title: utils.escapeHtml(header.textContent)
             });
         }
 

diff --git a/libs/markdown-it/markdown-it-headinganchor.js b/libs/markdown-it/markdown-it-headinganchor.js
@@ -42,13 +42,15 @@ function makeRule(md, options) {
         if (options.addHeadingID) {
           // No need to add id in anchor.
           anchorToken.content = '<a class="' + options.anchorClass + '" ' +
-                                'href="#' + anchorName + '"' +
-                                '>' + options.anchorIcon + '</a>';
+                                'href="#' + anchorName + '" ' +
+                                'data-anchor-icon="' + options.anchorIcon + '" ' +
+                                '></a>';
         } else {
           anchorToken.content = '<a id="' + anchorName + '" ' +
                                 'class="' + options.anchorClass + '" ' +
-                                'href="#' + anchorName + '"' +
-                                '>' + options.anchorIcon + '</a>';
+                                'href="#' + anchorName + '" ' +
+                                'data-anchor-icon="' + options.anchorIcon + '" ' +
+                                '></a>';
         }
 
         headingInlineToken.children.push(anchorToken);