別名リンク記法
author: Nrem.icon
UserCSS.icon UserScript.icon
内部リンクの表示テキストとしてリンク先のページ名とは別の文字列を表示させる記法です
cf. /forum-jp/内部リンクのエイリアス表記
? 注意：リンクとして機能するクリック判定の範囲が、本来のページ名の文字幅よりも広くなることはありません
表記揺れを念頭に置いています。例を挙げます
例：文字列「project」をページ名「project (Cosense)」にリンクする
活用・複数形・格変化などの表記揺れ
cf. /forum-jp/表記ゆれを吸収する方法がほしい
あとたぶんこの実装の方が動作が軽い
記法: [& [href]text]
例.
リンク内部リンク
a hreftext
2026-05-24 クリック判定領域の不具合修正
-display: inline;
+display: inline-block; overflow: hidden; max-width: 100%;
2026-05-22 クリック判定領域の不具合修正
-overflow: hidden;
+text-wrap: nowrap;
2026-05-20 クリック判定領域の不具合修正
-display: inline-block;
+display: inline;
2026-05-04 UserScriptを更新
2026-05-02 クリック判定領域の不具合修正
表示テキストからはみ出さないように
+overflow: hidden;
from /nrem-configs/リンクテキスト記法
code:style.css
.line:not(.cursor-line) .deco-\& {
position: relative; z-index: 0;
color: var(--page-link-color);
&:hover, &:active { color: var(--page-link-hover-color); }
&:has(> span:not(.char-index):nth-of-type(1) > a.page-link.empty-page-link) {
color: var(--empty-page-link-color);
&:hover, &:active { color: var(--empty-page-link-hover-color); }
}
& > span:not(.char-index):has(> a.page-link):nth-of-type(1) {
display: inline-block; position: absolute; overflow: hidden; text-wrap: nowrap;
max-width: 100%;
--page-link-color: transparent;
--page-link-hover-color: transparent;
--empty-page-link-color: transparent;
--empty-page-link-hover-color: transparent;
}
}
テキスト範囲選択時の Popup Menu にボタンを追加する #UserScript
code:script.js
scrapbox.PopupMenu.addButton({
title: '別名リンク',
onClick: text => text.split('\n').map(line => [& [${line}]${line}]).join('\n')
})
#文字装飾記法
#UserCSS