tetsuya-k
this is tetsuya-k’s page
文字カウント
script.js // shokaiさんのやつ
import '/api/code/shokai/文字カウント/page.js'
import '/api/code/shokai/文字カウント/popup.js'style.css //別の人のやつ
import '/api/code/scrasobox/見える文字数カウンター/style.css'script.js import '/api/code/scrasobox/見える文字数カウンター/script.js'日付
Ctrl+tで入力できるぞ
script.jsscrapbox.TimeStamp.addFormat('HH:mm')
scrapbox.TimeStamp.addFormat('YYYY年MM月DD日hh時mm分')
scrapbox.TimeStamp.addFormat('[[]YYYY/MM[]]/DD')
scrapbox.TimeStamp.addFormat('[[]YYYY-MM-DD[]]')テンプレート
カレンダーが必要だったらしい
1. このCSSをsettingsページかユーザーページにコピペ
style.cssa#Templates.tool-btn:hover { text-decoration: none }
a#Templates.tool-btn::before { position: absolute; left: calc(46px/3 - 1px); content: '\f067'; font: 900 21px/46px 'Font Awesome 5 Free' }
a#Templates.tool-btn img { opacity: 0 }2. このスクリプトをユーザーページにコピペ
script.jsaddTemplateItemsToPageMenu()
function addTemplateItemsToPageMenu() {
// テンプレートメニューの定義ここから ---------- 下の解説を見てね！！ ----------
//const __templates = [
// { title: '📄 週報テンプレート', template: '/api/code/tetsuya-k/テンプレート/週報テンプレート.js' }
//]
// テンプレートメニューの定義ここまで ----------
// テンプレートメニューの定義ここから ---------- 下の解説を見てね！！ ----------
const __templates = [
{ title: '📄 週報テンプレート', template: '/api/code/marukot-ch/テンプレート/週報テンプレートS.js' },
{ title: '📓日記テンプレート', template: '/api/code/marukot-ch/日記テンプレート/日記テンプレートS.js'}
]
// テンプレートメニューの定義ここまで ----------
const __templMenuTitle = 'Templates'
scrapbox.PageMenu.addMenu({ title: __templMenuTitle, image: '/assets/img/logo.png', onClick: () => { } })
__templates.forEach((i) => {
scrapbox.PageMenu(__templMenuTitle).addItem({
title: i.title,
onClick: () => { __loadTemplate(i.template) }})
})
var __loadTemplate = function (templateUrl) {
if (scrapbox.Page.lines && scrapbox.Page.lines.length == 1) {
// タイトル行をクリックしたことにする
const line = document.getElementById('L' + scrapbox.Page.lines[0].id)
const lastChar = $(line).find('span[class^="c-"]').last().get(0)
__mimicClick(line.id, line.offsetWidth, lastChar.offsetTop + 10)
// テンプレートを読み込む
$('#text-input').load(templateUrl, function (response, status, xhr) {
if (status == "success") {
try {
// 読み込んだテンプレートをテキストエリアにセットしまして
const textarea = document.getElementById('text-input')
textarea.value = /\.js$/.test(templateUrl) ? eval(response) : response
// テキストエリアのinputイベントを出しまして
const event = document.createEvent('Event')
event.initEvent('input', true, true)
textarea.dispatchEvent(event)
// 選択状態を解除したいのでもう1回クリックしとく
__mimicClick(line.id, line.offsetWidth, lastChar.offsetTop + 10)
} catch (ex) {
console.log("だめでした>< \n" + ex)
}
} else {
console.log("だめでした>< \n" + status)
}
})
}
}
const __mimicClick = (targetId, left, top) => {
const genEvent = type => {
const event = document.createEvent("MouseEvents")
event.initMouseEvent(type, true, true, window, 1, 0, 0,
left, top, false, false, false, false, 0, null)
return event
}
const elm = document.getElementById(targetId)
elm.dispatchEvent(genEvent("mousedown"))
elm.dispatchEvent(genEvent("mouseup"))
elm.dispatchEvent(genEvent("click"))
}
}ページの見出し
script.jsimport '/api/code/shokai/ページの見出しを作るUserScript/script.js'script.js import '/api/code/marukot-ch/自動スクロール機能/script.js'