easier anchor linking

css/area_main-content-anchor.less

@@ -0,0 +1,22 @@
+#dokuwiki__content.main-content {
+    h1, h2, h3, h4, h5 {
+        a.anchor {
+            vertical-align: middle;
+            margin-left: 0.25em;
+            display: none;
+            position: absolute;
+
+            svg {
+                width: 1em;
+                height: 1em;
+                fill: @ini_link;
+            }
+        }
+
+        &:hover {
+            a.anchor {
+                display: inline-block;
+            }
+        }
+    }
+}

js/anchor.js

@@ -0,0 +1,13 @@
+jQuery(function () {
+    jQuery('#dokuwiki__content.main-content').find('h1,h2,h3,h4,h5').append(function () {
+        if (this.id) {
+            return '<a href="#' + this.id + '" class="anchor">' +
+                '<svg viewBox="2 2 22 22">' +
+                '<path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" />' +
+                '</svg>' +
+                '</a>';
+        } else {
+            return '';
+        }
+    })
+});

script.js

@@ -10,4 +10,5 @@
 /* DOKUWIKI:include js/meta-box.js */
 /* DOKUWIKI:include js/sidebar.js */
 /* DOKUWIKI:include js/direct.js */
+/* DOKUWIKI:include js/anchor.js */
 

style.ini

@@ -76,6 +76,7 @@ css/area_main-sidebar-tabs.less       = all
 css/area_main-sidebar-search.less     = all
 css/area_main-content.less            = all
 css/area_main-content-secedit.less    = all
+css/area_main-content-anchor.less     = all
 css/area_togglelink.less              = all
 css/area_forms.less                   = all
 css/area_search.less                  = all