Notionの開いているページの文字数を数えて表示する JavaScript です。Chromeの拡張機能「User JavaScript and CSS」を使用して導入してください。
JavaScript
/*
count word
*/
(() => {
document.querySelector(`body`).innerHTML += `Count`
let countWordButton = document.querySelector(`.count-word`)
let count = 0
countWordButton.onclick = () => {
let contentsWrapper = document
.querySelector(`.notion-peek-renderer .notion-page-content`)
if (contentsWrapper) {
countWord(contentsWrapper)
}
else {
countWord(document.querySelector(`.layout .notion-page-content`))
}
alert(count)
}
function countWord(elem) {
elem
.querySelectorAll(`.notranslate`)
.forEach(e => {
count += e.textContent.replace(/\r?\n/g, ``).length
})
}
})()
/*
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);
}
GitHub