Notionの開いているページの文字数を数えて表示する JavaScript です。Chromeの拡張機能「User JavaScript and CSS」を使用して導入してください。
JavaScript
/*
count word
*/
(() => {
document.querySelector(`body`).innerHTML += `<div class="count-word">Count</button>`
let countWordButton = document.querySelector(`.count-word`)
countWordButton.onclick = () => {
let contentsWrapper = document
.querySelector(`.notion-peek-renderer .notion-page-content`)
if (contentsWrapper) {
alert(countWord(contentsWrapper))
}
else {
alert(countWord(document.querySelector(`.layout .notion-page-content`)))
}
}
function countWord(elem) {
let count = 0
elem
.querySelectorAll(`.notranslate`)
.forEach(e => {
count += e.textContent.replace(/\\r?\\n/g, ``).length
})
return count
}
})()
/*
count word
*/
.count-word {
position: fixed;
z-index: 10000;
bottom: 110px;
right: 25px;
padding: 3px 7px 5px 7px;
line-height: 1;
color: #fff;
background-color: rgba(128, 128, 128, 0.5);
border-radius: 10px;
cursor: pointer;
}
.count-word:hover {
background-color: rgba(98, 98, 98, 0.5);
}
