暗記シート機能
答え：aaaa
code:style.css
/** 変数 */
.deco-\# {
}
/* 表示色 */
.deco-\# {
color: var(--color-text);
border-bottom: 2px solid var(--color-border);
}
/* 非表示 */
.app:not(.hide-dots) .line:not(.cursor-line) .deco-\# {
color: transparent;
}
code:script.js
(() => {
const DECO_CHAR = '#';
// 強制表示するスタイルシート
const showStyleElm = document.createElement('style');
document.head.appendChild(showStyleElm);
showStyleElm.sheet.insertRule(`
.deco-\\# {
color: var(--color-text) !important;
}
`);
showStyleElm.disabled = true;
// 表示、非表示を切り替えるPageMenu
scrapbox.PageMenu.addMenu({
title: '暗記シート',
// 画像のトグルが出来れば良かったけど、無理そう
onClick: () => {
showStyleElm.disabled = !showStyleElm.disabled;
},
});
scrapbox.PopupMenu.addButton({
title: (text) => {
const reg = new RegExp(\\[${DECO_CHAR} (.+?)\\], 'g');
return reg.test(text) ? remove [${DECO_CHAR}] : add [${DECO_CHAR}];
},
onClick: (text) => {
const reg = new RegExp(\\[${DECO_CHAR} (.+?)\\], 'g');
if (reg.test(text)) {
return text.replace(reg, '$1');
} else {
if (!/\n/.test(text)) {
return [${DECO_CHAR} ${text}];
}
}
}
});
})();
参考
画像
https://gyazo.com/dd82303f81d5a4a2c4700bfa857d090e https://gyazo.com/3918aceba295c69af4613c0091993146
