a
引用
ピンジャンプ/scrasobox/ピンしてるページにジャンプするメニュー
code:script.js
import "/api/code/scrasobox/ピンしてるページにジャンプするメニュー/script.js";
/customize/トップメニューを固定する
code:style.css
@import "/api/code/customize/トップメニューを固定する/style.css";
/scrasobox/見える文字数カウンター
code:style.css
@import "/api/code/scrasobox/見える文字数カウンター/style.css";
/scrapboxlab/いい感じにリンクするomakase-links←一気にリンクを作れる。しかしあんまり関係ないワードに反応することもある。
code:script.js
import "/api/code/scrapboxlab/いい感じにリンクするomakase-links/script.js";
/customize/リンクを外すUserScript←リンクを一気にはずせる。
code:script.js
import "/api/code/customize/リンクを外すUserScript/script.js";
カウンター/scrasobox/見える文字数カウンター
code:style.css
@import "/api/code/scrasobox/見える文字数カウンター/style.css";
code:script.js
import "/api/code/scrasobox/見える文字数カウンター/script.js";
直接記入
/customize/一覧カードを小さくするCSS
`code:style.css
/* 一覧カードを小さくする */
.two-two {
width: 110px !important;
height: 110px !important;
}
.two-two .icon {
padding-top: 30px !important;
}
.two-two .title {
height: 0px !important;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 110px !important;
height: 110px !important;
}
カード回転/customize/一覧カードをくるくる回すCSSを調整(風車みたいになった)
`code:style.css
.page-list .grid li:hover {
transition: 0.3s;
-webkit-transform: rotateZ(1800deg);
-moz-transform: rotateZ(1800deg);
transform: rotateZ(1800deg);
}
/* pinどめされたカードは回らない */
.page-list .grid li.pin:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
/customize/カーソル行ハイライトを調整
code:style.css
.cursor-line {
background-color: rgba(0, 0, 255, .1);
box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 255, .3);
}
検索/customize/文字列を選択してScrapbox内検索をあーぷら仕様にほんの少し改変
code:script.js
// 選択された文字列をScrapboxプロジェクト内で検索する
// Scapbox検索ボックスを使ったときと同じ結果ページを開く
scrapbox.PopupMenu.addButton({
title: '検索',
onClick: function (text) {
var projectName = 'arpla';
window.open('https://scrapbox.io/'+ projectName +'/search/page?q=' + text);
}
});
付箋ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '📑',
onClick: text => text.split('\n').map(line => [~ ${line}]).join('\n')
})
解説ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '🈖',
onClick: text => text.split('\n').map(line => [% ${line}]).join('\n')
})
引用ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '❝❞',
onClick: text => text.split('\n').map(line => [" ${line}]).join('\n')
})
中央ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '㊥',
onClick: text => text.split('\n').map(line => [| ${line}]).join('\n')
})
右寄せポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '㊨',
onClick: text => text.split('\n').map(line => [> ${line}]).join('\n')
})
吹き出し左ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '💭',
onClick: text => text.split('\n').map(line => [{ ${line}]).join('\n')
})
吹き出し右ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '💭㊨',
onClick: text => text.split('\n').map(line => [} ${line}]).join('\n')
})
/shokai/ページの1部分を別のページに切り出すUserScriptを改変
code:script.js
scrapbox.PopupMenu.addButton({
title: '新規',
onClick: text => {
const lines = text.split(/\r\n/g)
const title = lines0
.trim()
.replace(/\^\+.icon\]/gm, '')
.replace(/[\\]/g, '')
const projectRoot = (() => {
const tmp = location.href.split('/')
tmp.pop()
return tmp.join('/')
})()
const currentPageTitle = decodeURIComponent(location.href.split(/\//g).pop())
lines.unshift(from [${currentPageTitle}])
const body = encodeURIComponent(lines.join('\n'))
window.open(${projectRoot}/${title}?body=${body})
return [${title}]
}
})
/sukesan1984/Kindleの引用を改変
code: script.js
scrapbox.PopupMenu.addButton({
title: 'K',
onClick: text => {
text = zenhan(text);
text = text.split(/\n/).map(line => line.normalize()
.replace(/((?<=^A-Za-z))(\s+)((?=A-Za-z))/g,'') // A あ
.replace(/((?<=A-Za-z))(\s+)((?=^A-Za-z))/g,'') // あ A
.replace(/((?<=^A-Za-z))(\s+)((?=^A-Za-z))/g,'')) // あ あ
.join('\n')
return text;
}
})
function zenhan(text) {
text = text.replace(/A-Za-z0-9/g, (s) => {
return String.fromCharCode(s.charCodeAt(0) - 65248);
});
//16進数の場合
text = text.replace(/A-Za-z0-9/g, (s) => {
return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
});
text = text.replace(/ /g,' ');
return text;
}
/scrasobox/ポップアップメニューをさっぱりさせてみる
code:style.css
/* ポップアップメニューの修飾ボタンをアイコン化 */
.popup-menu .button-container .button.strong-button > strong,
.popup-menu .button-container .button.italic-button > i,
.popup-menu .button-container .button.strike-button > strike {
display: inline-block; width: 0; text-indent: -9999px }
.popup-menu .button-container .button.link-button::after,
.popup-menu .button-container .button.strong-button::after,
.popup-menu .button-container .button.italic-button::after,
.popup-menu .button-container .button.strike-button::after {
font: normal 90%/normal FontAwesome;
display: inline-block; min-width: 8px; text-align: center }
.popup-menu .button-container .button.strong-button::after { content: '\f032' }
.popup-menu .button-container .button.italic-button::after { content: '\f033' }
.popup-menu .button-container .button.strike-button::after { content: '\f0cc' }
/* ポップアップメニューのボタン周りの線を消す */
.selections .popup-menu .button-container .button:not(:first-of-type) { border: 0 }
/shio/角丸UserCSSより、一覧をつめる
`code:style.css
.grid li.page-list-item a:hover {
border-radius: 0px ;
box-shadow: 0px 0px 0px 0px #000000 ;
}
.container {
max-width: none;
https://blog.sushi.money/entry/2020/06/17/203901
`code:style.css
.grid li.page-list-item a .title {
color: #777;
}
.grid li.page-list-item a:visited .title {
color: #000;
}