settings
code:script.js
scrapbox.PopupMenu.addButton({
title: '📕',
onClick: text => text.split('\n').map(line => [! ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '📙',
onClick: text => text.split('\n').map(line => [" ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '📘',
onClick: text => text.split('\n').map(line => [# ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🌈',
onClick: text => text.split('\n').map(line => [% ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '4️⃣',
onClick: text => text.split('\n').map(line => [**** ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '3️⃣',
onClick: text => text.split('\n').map(line => [*** ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '2️⃣',
onClick: text => text.split('\n').map(line => [** ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '1️⃣',
onClick: text => text.split('\n').map(line => [* ${line}]).join('\n')
})
code:style.css
/* 文字色の装飾 */
.deco-\# {
}
.deco-\" {
}
.deco-\! {
}
.deco-\% {
-webkit-background-clip: text; /* テキストでくり抜く */
-webkit-text-fill-color: transparent; /* くり抜いた部分は背景を表示 */
}
span.deco-- {
-webkit-background-clip: text; /* テキストでくり抜く */
-webkit-text-fill-color: transparent; /* くり抜いた部分は背景を表示 */
}
/* インデントの装飾 */
.line .indent-mark .dot {
width: 10px;
height: 4px;
border-radius: 5px;
}
.line .indent-mark .c-1 + .dot {
}
.line .indent-mark .c-2 + .dot {
}
.line .indent-mark .c-3 + .dot {
}
/* 見出し4のスタイル */
strong.level.level-4 {
padding: 1rem 2rem;
border-left: 6px double #fff; margin-bottom: 16px;
display: block;
}
/* 見出し3のスタイルt */
strong.level.level-3::after {
content: "";
display: block;
height: 2px;
width: 100%;
border-radius: 5px;
}