リンクテキスト記法

＝別名リンク記法

UserCSS.icon UserScript.icon

内部リンクの表示テキストとしてリンク先のページ名とは別の文字列を表示させる記法です

cf. /forum-jp/内部リンクのエイリアス表記

? 注意：リンクとして機能するクリック判定の範囲が、本来のページ名の文字幅よりも広くなることはありません

表記揺れを念頭に置いています。例を挙げます

例：文字列「project」をページ名「project (Cosense)」にリンクする

活用・複数形・格変化などの表記揺れ

cf. /forum-jp/表記ゆれを吸収する方法がほしい

あとたぶんこの実装の方が動作が軽い

記法: & 内部リンク

[& [href]text]

例:

内部リンクリンク

a hreftext

2026-06-22 マーカー記法#を併用不可に

2026-05-24 融通記法~を併用可に

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;

2026-05-02 italic記法を併用可に

:has()

code:style.css

.line:not(.cursor-line) .deco-\&:where(

class^="deco-\&",

.deco-\/:is(class="deco-\/ deco-\&", class="deco-\& deco-\/"),

.deco-\~

):not(.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):nth-of-type(1):has(> a.page-link) {

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;

}

テキスト範囲選択時のポップアップメニューにボタンを追加する #UserScript

code:script.js

scrapbox.PopupMenu.addButton({

title: '別名リンク',

onClick: text => text.split('\n').map(line => [& [${line}]${line}]).join('\n')

})

#記法

#UserCSS