アイコンのあとに名前を表示するUserScript
cak.icon
ゲーム用メモ（/onimemo）を書いていてこう表示したいので作った
https://gyazo.com/90dc157bf73d600d84caa2a6722ffb36
#2025-02-10 14:48 UserScriptがページリロードしないと表示してくれない問題
code:style.css
.title_display {
margin-left: 8px;
font-size: 14px;
color: #333;
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();