| 1 |
document.addEventListener('DOMContentLoaded', function () { |
| 2 |
// Token customize |
| 3 |
const keyToken = document.querySelectorAll('.token.keyword'); |
| 4 |
for (let i = 0; i < keyToken.length; i++) { |
| 5 |
const elem = keyToken[i]; |
| 6 |
|
| 7 |
const defArr = ['function', 'def', 'class']; |
| 8 |
if (-1 !== defArr.indexOf(elem.textContent)) { |
| 9 |
elem.classList.add('def'); |
| 10 |
} else if ('this' === elem.textContent) { |
| 11 |
elem.classList.add('this'); |
| 12 |
} |
| 13 |
} |
| 14 |
|
| 15 |
// Line highlighter position. |
| 16 |
const lineHighlighter = document.querySelectorAll('.line-highlight'); |
| 17 |
for (let i = 0; i < lineHighlighter.length; i++) { |
| 18 |
const elem = lineHighlighter[i]; |
| 19 |
if (!elem.parentNode.classList.contains('line-numbers')) { |
| 20 |
const dataStart = elem.getAttribute('data-start'); |
| 21 |
|
| 22 |
const topPosEm = (dataStart - 1) * 1.5; //line-heightの値 |
| 23 |
|
| 24 |
// Line highlighterの位置がずれるので桁数に応じて微調節 -> ずれなくなった？ |
| 25 |
// if (5 < dataStart) { |
| 26 |
// topPosEm = topPosEm - dataStart * 0.02; |
| 27 |
// } |
| 28 |
// if (10 < dataStart) { |
| 29 |
// topPosEm = topPosEm - dataStart * 0.01; |
| 30 |
// } |
| 31 |
// if (20 < dataStart) { |
| 32 |
// topPosEm = topPosEm - dataStart * 0.001; |
| 33 |
// } |
| 34 |
|
| 35 |
elem.style.top = topPosEm + 'em'; |
| 36 |
} |
| 37 |
} |
| 38 |
}); |
| 39 |
|
