ページの作成日を表示するUserScript
右上の作成者アイコンから見れるけど、ブログっぽく明示したい時
code:script.js
function getHtml (dateString) {
return '<span class="page-created-date" style="position: absolute; bottom: -28px; right: 0; color: #888;">Last updated on: ' + dateString + '</span>' }
function setOrUpdateTime () {
if (scrapbox.Layout !== 'page') return
let dateString = $('.page-menu .date-label').eq(0).attr('title')
if ($('.page-created-date').length > 0) {
$('.page-created-date').text('Last updated on: ' + dateString)
} else {
$('.editor').append(getHtml(dateString))
}
}
new MutationObserver(setOrUpdateTime)
.observe(document.querySelector('title'), { childList: true })
setOrUpdateTime()
How to use
import '/api/code/nekobatoken/ページの作成日を表示するUserScript/script.js'