アイコンのあとに名前を表示するUserScript
ゲーム用メモを書いていてこう表示したいので作ったcak.icon
https://gyazo.com/90dc157bf73d600d84caa2a6722ffb36
code:style.css
.title_display {
margin-left: 8px;
font-size: 14px;
font-style: italic;
}
code:script.js
function addTitleAfterIcons() {
for (let img of document.querySelectorAll('img.icon')) {
if (!img.nextElementSibling || !img.nextElementSibling.classList.contains("title_display")) {
let titleText = img.getAttribute("title");
if (titleText) {
let span = document.createElement('span');
span.classList.add("title_display");
span.innerText = titleText;
img.after(span);
}
}
}
}
// Scrapboxのイベントを使う
window.scrapbox.on("lines:changed", addTitleAfterIcons);
// 初回実行
addTitleAfterIcons();
この実装だとアイコンを消したときに、名前表示が残されないか？bsahd.icon
自分の環境だとアイコンを消したときには残らないが、編集時に表示されっぱなしにはなるようだcak.icon
編集時に表示されているとジャマなので消したい気持ちもある
UserScript.icon