リアルタイム文字カウンター
https://gyazo.com/b8ca5110ecba56937691296a3363c10d
code:script.js
(() => {
const counters = document.createElement('div');
counters.setAttribute('class', 'counters');
const counts = counters.appendChild(document.createElement('span'));
counts.setAttribute('class', 'item');
const statusBar = document.getElementsByClassName('status-bar')0; if (scrapbox.Layout == 'page') {
statusBar.appendChild(counters);
}
scrapbox.on('layout:changed', () => {
if (scrapbox.Layout == 'page') {
statusBar.prepend(counters);
} else {
statusBar.removeChild(counters);
}
});
const updateCounts = () => {
if (!window.scrapbox.Page.lines) return;
const words = scrapbox.Page.lines.map(line => line.text.split(/\s+/).filter(Boolean).length).reduce((a, b) => a + b);
const chars = scrapbox.Page.lines.map(line => line.text.length).reduce((a, b) => a + b);
const lines = scrapbox.Page.lines.length;
counts.innerText = ${words} words, ${chars + lines - 1} chars, ${lines} lines;
}
updateCounts();
scrapbox.on('lines:changed', updateCounts);
})();
変更点
modernに書き直した
どうもコピペでは動かなかったので
単語数のカウント方法を最適化した
filter(Boolean)で空文字を除去するようにした
文字数に改行を含むようにした