No.3875, No.3874, No.3873, No.3872, No.3871, No.3870, No.3869［7件］
ログインの名前、今更ながらにししさんの趣味全開なんだと気がつきました
これからヘルプドキュメントを書いて、配布用のパッケージを作って、たぶん明日には Ver 4.0.4β として公開できる予定でいます。たぶん。
カスタム絵文字サンプル。
[:takoyaki:] で が表示されます。実体は、カスタム絵文字ディレクトリにある takoyaki.svg
[:takoyaki2:] で
が表示されます。
[:takoyaki3:] で
が表示されます。
デフォルト設定では、高さ 2em で表示されますが、自力でCSSを書けば好きなサイズで表示できます。カスタム絵文字の名称(takoyaki等)がそのままclass名にもなっているので、絵文字によって表示サイズを変化させるようCSSを事前に書いておくこともできます。例えば [:takoyaki:] なら、ce-takoyaki というclass名がimg要素に付加されて出力されます。（ce は Custom Emoji の略です。）
[:aoringo:] 
[:blueberry:] 
[:pineapple:] 
[:suika:]
[:f-1:] 
[:f-2:] 
[:f-3:]
[:takoyaki:] で
が表示されます。実体は、カスタム絵文字ディレクトリにある takoyaki.svg[:takoyaki2:] で
が表示されます。[:takoyaki3:] で
が表示されます。デフォルト設定では、高さ 2em で表示されますが、自力でCSSを書けば好きなサイズで表示できます。カスタム絵文字の名称(takoyaki等)がそのままclass名にもなっているので、絵文字によって表示サイズを変化させるようCSSを事前に書いておくこともできます。例えば [:takoyaki:] なら、ce-takoyaki というclass名がimg要素に付加されて出力されます。（ce は Custom Emoji の略です。）
[:aoringo:] [:blueberry:] [:pineapple:] [:suika:][:f-1:] [:f-2:] [:f-3:]
Misskeyのようにカスタム絵文字を掲載できるようになった Ver 4.0.4β(未配布) の動作テスト。
ヒャッハー！ たこ焼き並べ放題だぜーッ！
※これらのたこ焼きは、こちらで配布されているSVG素材を使わせて頂きました。(感謝)
ヒャッハー！ たこ焼き並べ放題だぜーッ！
※これらのたこ焼きは、
こちらで配布されているSVG素材を使わせて頂きました。(感謝)
🍵Re:3870◆長いバージョンのたこやき↓
>>3868 たこ焼き可愛い💖
>>3858
自分も>>3863を参考にしたんですけど、ルビ置換スクリプトを使ってるのでシェアします。
以下をskin-cover.html内に書き込んでください。
<script src="jqueryのURL"></script>
<script>
$(function(){
$('.onelogbox').each(function() {
$(this).html(
$(this).html()
/* 青空文庫、なろうほか（なろうの半角括弧・全角括弧は非対応） */
.replace(/[\|｜](.+?)《(.+?)》/g, '<ruby>$1<rt>$2</rt></ruby>')
.replace(/[\|｜]《(.+?)》/g, '《$1》')
/* pixiv */
.replace(/\[\[rb:(.*?) > (.*?)\]\]/gs, '<ruby>$1<rt>$2</rt></ruby>')
/* アルファポリス */
.replace(/#(.+?)__(.+?)__#/g, '<ruby>$1<rt>$2</rt></ruby>')
);
});
});
</script>
これで、
「｜ルビ対象《るびるび》」全角縦棒＋二重山括弧
「|ルビ対象《るびるび》」半角縦棒＋二重山括弧
にルビがつきます。
二重山括弧の直前に縦棒で二重山括弧がそのまま表示されます。「｜《これはそのまま》」
開始の全角縦棒・半角縦棒の省略は対応していません。
自分で使っててトラブルはないんですけど何か間違ってたらごめんなさい～～
追記
URL以降が省略されてしまうのでjqueryのURLを抜きました。以下のURLを「jqueryのURL」の部分に書き込んでください。
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jq...
自分も>>3863を参考にしたんですけど、ルビ置換スクリプトを使ってるのでシェアします。
以下をskin-cover.html内に書き込んでください。
<script src="jqueryのURL"></script>
<script>
$(function(){
$('.onelogbox').each(function() {
$(this).html(
$(this).html()
/* 青空文庫、なろうほか（なろうの半角括弧・全角括弧は非対応） */
.replace(/[\|｜](.+?)《(.+?)》/g, '<ruby>$1<rt>$2</rt></ruby>')
.replace(/[\|｜]《(.+?)》/g, '《$1》')
/* pixiv */
.replace(/\[\[rb:(.*?) > (.*?)\]\]/gs, '<ruby>$1<rt>$2</rt></ruby>')
/* アルファポリス */
.replace(/#(.+?)__(.+?)__#/g, '<ruby>$1<rt>$2</rt></ruby>')
);
});
});
</script>
これで、
「｜ルビ対象《るびるび》」全角縦棒＋二重山括弧
「|ルビ対象《るびるび》」半角縦棒＋二重山括弧
にルビがつきます。
二重山括弧の直前に縦棒で二重山括弧がそのまま表示されます。「｜《これはそのまま》」
開始の全角縦棒・半角縦棒の省略は対応していません。
自分で使っててトラブルはないんですけど何か間違ってたらごめんなさい～～
追記
URL以降が省略されてしまうのでjqueryのURLを抜きました。以下のURLを「jqueryのURL」の部分に書き込んでください。
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jq...
