Generate different id strings for h3 elements

marijnh · marijnh · commit 020d49c9e7b7 · 2018-02-17T14:38:12.000+01:00
To avoid a duplicate header name in Chapter 3 Issue marijnh#334
diff --git a/html/css/ejs.css b/html/css/ejs.css
@@ -62,7 +62,7 @@ pre[data-language=javascript] {
   cursor: pointer;
 }
 
-p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.h_ident:after {
+p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.i_ident:after {
   content: "¶";
   font-family: 'Cinzel', Georgia, serif;
   color: #888;
@@ -72,7 +72,7 @@ p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3
 }
 
 @media screen and (max-width: 800px) {
-  p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.h_ident:after {
+  p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.i_ident:after {
     right: 5px;
   }
 
diff --git a/src/transform.js b/src/transform.js
@@ -111,7 +111,7 @@ exports.transformTokens = function(tokens, options) {
       if (type == "paragraph_open")
         tok.hashID = "p_" + hash(startAndEnd(childrenText(tokens[i + 1])))
       else if (type == "heading_open")
-        tok.hashID = "h_" + hash(childrenText(tokens[i + 1]))
+        tok.hashID = (tok.tag == "h2" ? "h_" : "i_") + hash(childrenText(tokens[i + 1]))
       else if (type == "fence")
         tok.hashID = "c_" + hash(tok.content)
 

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ pre[data-language=javascript] {`
`62`	`62`	`cursor: pointer;`
`63`	`63`	`}`
`64`	`64`
`65`		`-p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.h_ident:after {`
	`65`	`+p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.i_ident:after {`
`66`	`66`	`content: "¶";`
`67`	`67`	`font-family: 'Cinzel', Georgia, serif;`
`68`	`68`	`color: #888;`
`@@ -72,7 +72,7 @@ p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`@media screen and (max-width: 800px) {`
`75`		`- p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.h_ident:after {`
	`75`	`+ p:hover a.p_ident:after, pre:hover a.c_ident:after, h2:hover a.h_ident:after, h3:hover a.i_ident:after {`
`76`	`76`	`right: 5px;`
`77`	`77`	`}`
`78`	`78`