Add link anchor on each title.

fnando · Jan 22, 2024 · f91f2a0 · f91f2a0
1 parent 6e0beee
commit f91f2a0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - Add `before_markdown_render` and `after_markdown_render` hooks, allowing
   content manipulation.
+- Add link anchor on each title.
 
 ## v3.1.0
 

diff --git a/lib/kitabu/toc/html.rb b/lib/kitabu/toc/html.rb
@@ -29,6 +29,8 @@ def self.normalize(content)
           end
 
           tag.set_attribute("id", permalink)
+          tag["tabindex"] = "-1"
+          tag.prepend_child %[<a class="anchor" href="##{permalink}" aria-hidden="true" tabindex="-1"></a>]
         end
 
         html.css("body").first.inner_html

diff --git a/spec/kitabu/toc/html_spec.rb b/spec/kitabu/toc/html_spec.rb
@@ -72,4 +72,8 @@ def input
     expect(content).to have_tag("h2#title", regexp("Title"))
     expect(content).to have_tag("h2#title-2", regexp("Title"))
   end
+
+  it "adds content link" do
+    expect(content).to have_tag("h1#item-1 > a[href='#item-1'][tabindex='-1']")
+  end
 end